<div id="content">
  <div class="row s_page_title">
    <sa-big-breadcrumbs [items]="['设备安装管理', '维修管理V2', '维修记录']" icon="fa fa-wrench"
      class="col-xs-12 col-sm-7 col-md-7 col-lg-4"></sa-big-breadcrumbs>
  </div>

  <sa-widgets-grid>
    <div class=" s_table">
      <div sa-widget [editbutton]="false" color="darken" class="clearfix">
        <header>
          <span class="widget-icon"><i class="fa fa-table"></i></span>
          <h2>维修记录</h2>
        </header>
        <div>
          <div class="widget-body no-padding">
            <div class="page-header clearfix s_table_opreation">
              <div class="left page-header-btn" style="width: calc(100% - 220px)">
                <div class="top_module top_module_box" style="min-width: auto">
                  <span class="top_module_label module_text">厂区类型</span>
                  <select name="companyType" class="top_module_select" [(ngModel)]="companyType"
                    style="min-width: 110px">
                    <option value="1">安装厂区</option>
                    <option value="2">维修厂区</option>
                  </select>
                </div>
                <sa-company-tree-car companyTreeId="companyTree" [companyData]="companyData" [isShowCarSort]="true"
                  (companySelected)="companySelected($event)"></sa-company-tree-car>
                <div class="top_module">
                  <span class="module_text">省份</span>
                  <select name="" class="top_module_select" [(ngModel)]="provinceId">
                    <option value="">全部</option>
                    <option value="" *ngFor="let item of provinceList" [value]="item.id">{{ item.areaName }}</option>
                  </select>
                </div>

                <div class="top_module top_module_box" style="min-width: auto">
                  <span class="top_module_label module_text">行业类型</span>
                  <select name="" class="top_module_select" [(ngModel)]="businessType" style="min-width: 110px">
                    <option value="">全部</option>
                    <option *ngFor="let item of businessTypeList" [value]="item.value">{{ item.label }}</option>
                  </select>
                </div>

                <div class="top_module">
                  <span class="module_text">用户名</span>
                  <div class="s_hover_box">
                    <select class="select2" id="userNameSelect2" style="width: 150px">
                      <option value=""></option>
                    </select>
                    <div class="s_del_icon" (click)="delUserName()">x</div>
                  </div>
                </div>
                <!-- <div class="top_module top_module_box" style="min-width: auto;">
									<span class="top_module_label module_text">故障类型</span>
									<select name="" class="top_module_select" [(ngModel)]="faultTypeName" style="min-width: 110px;">
										<option value="">全部</option>
										<option value="" *ngFor="let item of faultTypeArr" [value]="item.type">{{item.text}}</option>
									</select>
								</div> -->
                <div class="top_module top_module_box" style="min-width: auto">
                  <span class="top_module_label module_text">故障现象</span>
                  <select name="" class="top_module_select" [(ngModel)]="faultPhenomenon" style="min-width: 110px">
                    <option value="">全部</option>
                    <option value="GPS问题">GPS问题</option>
                    <option value="传感器问题">传感器问题</option>
                    <option value="离线问题">离线问题</option>
                    <option value="甩挂问题">甩挂问题</option>
                  </select>
                </div>

                <div class="top_module top_module_box" style="min-width: auto">
                  <span class="top_module_label module_text">维修内容</span>
                  <select name="" class="top_module_select" [(ngModel)]="repairContent" style="min-width: 110px">
                    <option value="">全部</option>
                    <option value="更换主机">更换主机</option>
                    <option value="更换线材">更换线材</option>
                    <option value="更换天线">更换天线</option>
                    <option value="更换传感器">更换传感器</option>
                    <option value="电源维修">电源维修</option>
                    <option value="重新焊接">重新焊接</option>
                    <option value="挪动天线位置">挪动天线位置</option>
                    <option value="离线其他">离线其他</option>
                    <option value="GPS其他">GPS其他</option>
                    <option value="传感器其他">传感器其他</option>
                    <option value="V4换V7">V4换V7</option>
                    <option value="无维修">无维修</option>
                  </select>
                </div>

                <div class="top_module top_module_box" style="min-width: auto">
                  <span class="top_module_label module_text">保修到期状态</span>
                  <select name="" class="top_module_select" [(ngModel)]="expire" style="min-width: 110px">
                    <option value="">全部</option>
                    <option value="1">未到期</option>
                    <option value="2">已到期</option>
                  </select>
                </div>

                <!-- <div class="top_module top_module_box" style="min-width: auto">
                  <span class="top_module_label module_text">传感器保修到期状态</span>
                  <select name="" class="top_module_select" [(ngModel)]="sensorExpire" style="min-width: 110px">
                    <option value="">全部</option>
                    <option value="0">未到期</option>
                    <option value="1">已到期</option>
                  </select>
                </div> -->

                <div class="top_module top_module_box" style="min-width: auto">
                  <span class="top_module_label module_text">维修时间排序</span>
                  <select name="" class="top_module_select" [(ngModel)]="sortType" style="min-width: 110px">
                    <option value="1">升序</option>
                    <option value="2">降序</option>
                  </select>
                </div>
                <div class="selectDate top_module">
                  <div class="input-daterange input-group s_selected_time_box s_hover_box">
                    <input type="text" [(ngModel)]="startTime" class="form-control s_selected_time" id="datetimepicker3"
                      autocomplete="off" placeholder="选择开始时间" />
                    <span class="s_selected_time_spe">至</span>
                    <input type="text" [(ngModel)]="endTime" class="form-control s_selected_time" id="datetimepicker4"
                      autocomplete="off" placeholder="选择结束时间" />
                    <div class="s_del_icon" (click)="del_date()">x</div>
                  </div>
                </div>
                <button class="btn btn-primary" (click)="table_search()">查询</button>
                <button class="btn btn-primary" type="button" (click)="exportData()">导出</button>
                <button class="btn btn-primary" type="button" (click)="statistics(statisticsModal)">统计</button>
                <button type="button" class="btn btn-primary" (click)="deviceDetail()">设备信息</button>
                <button type="button" class="btn btn-primary s_btn_fix" (click)="addRecordDetail(recordDetailModal)">
                  新增不良记录
                </button>
                <button type="button" class="btn btn-primary" (click)="dataRecordPopup(recordPopupModal)">
                  维修对账统计
                </button>
                <button type="button" class="btn btn-primary" (click)="hostExportData()">主机维修统计</button>
                <button class="btn btn-primary" type="button" (click)="exportRepairedData()">设备维修统计</button>
                <button class="btn btn-primary" type="button" (click)="exportRepairedContentData()">维修项统计</button>
                <button class="btn btn-primary" type="button"
                  (click)="showRepairedTime(repairCountModal)">维修次数统计</button>
              </div>
              <div class="right top-search">
                <input type="text" [(ngModel)]="searchKey" (change)="table_search()" class="search-input"
                  placeholder="车牌号码,公司名称,维修细分..." />
                <span class="top-search-box">
                  <button class="top-search-btn" type="button" (click)="table_search()">
                    <i class="fa fa-search"></i>
                  </button>
                </span>
              </div>
            </div>
            <div class="table_scroll">
              <table
                class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                <thead>
                  <tr>
                    <th>
                      <div class="checkbox" style="margin: 0; left: 5px; text-align: center">
                        <label>
                          <input type="checkbox" class="checkbox style-0" [(ngModel)]="allChecked"
                            (click)="allSelected()" />
                          <span></span>
                        </label>
                      </div>
                    </th>
                    <th>操作</th>
                    <th>设备ID</th>
                    <th>车牌号码</th>
                    <th>用途分类</th>
                    <th>安装厂区</th>
                    <th>维修厂区</th>
                    <th>维修人员</th>
                    <!-- <th>维修订单创建时间</th> -->
                    <th>维修时间</th>
                    <th>故障现象</th>
                    <th>维修内容</th>
                    <th>维修细分</th>
                    <th>保修到期时间</th>
                    <th>保修到期状态</th>
                    <!-- <th>维修编号</th> -->
                    <th>维修费用[元]</th>
                    <th>支付状态</th>
                    <th>维修状态</th>
                    <th>快递单号</th>
                    <!-- <th>是否审核</th>
                    <th>审核人员</th>
                    <th>审核时间</th>
                    <th>审核意见</th> -->
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let row of tableData; let i = index" [attr.data-index]="i"
                    [ngClass]="{ selected: activeSelected === row.id }" (dblclick)="checkAbnormal(row)"
                    (click)="singleRowSelected(row, $event, i)">
                    <td class="checkbox-td">
                      <div class="checkbox" style="margin: 0; left: 5px; text-align: center">
                        <label class="checkbox-label">
                          <input type="checkbox" class="checkbox style-0" [(ngModel)]="row.isChecked"
                            (click)="rowSelected(row, $event, i)" />
                          <span class="checkbox-flag"></span>
                        </label>
                      </div>
                    </td>
                    <td>
                      <button type="button" (click)="goRepaireDetail(row)">维修明细</button>
                      <button
                        *ngIf="row.beforeImageInfo && row.beforeImageInfo[0] && row.afterImageInfo && row.afterImageInfo[0]"
                        type="button" (click)="open_img(row, ImgModal)">
                        图片
                      </button>
                      <button *ngIf="row.repairStatus" type="button"
                        (click)="openBindingExpress(row, bindingExpressModal)">
                        绑定快递单号
                      </button>
                      <!-- <button type="button" (click)="audit_Record(row,auditModal)" *ngIf="auditCheck">审核</button> -->
                    </td>
                    <td>{{ row.deviceId }}</td>
                    <td>{{ row.carNumber }}</td>
                    <td>{{ row.useTypeL2 }}</td>
                    <td>{{ row.companyName }}</td>
                    <td>{{ row.repairedCompany }}</td>
                    <td>{{ row.repairedUserName }}</td>
                    <!-- <td>{{ row.repairOrderCreateTime }}</td> -->
                    <td>{{ row.repairedTime }}</td>
                    <td>{{ row.faultPhenomenonList }}</td>
                    <td>{{ row.repairContentList }}</td>
                    <td>{{ row.repairSubdivideList }}</td>
                    <td>
                      <span>{{ row.warrantyExpirationTime }}</span>
                      <button *ngIf='row.sensorRepairInfoList && row.sensorRepairInfoList.length'
                        style="margin-left: 5px; margin-right: 0;" type="button"
                        (click)="seeSensorNumber(row,sensorModal)">传感器保修</button>
                    </td>

                    <td>
                      <span *ngIf="row.expire == 1" class="green">未到期</span>
                      <span *ngIf="row.expire == 2" class="red">已到期</span>
                    </td>
                    <!-- <td>{{ row.repairedNumber }}</td> -->
                    <td>
                      <span *ngIf="row.payWay == 0" style="
                          padding: 4px;
                          border-radius: 2px;
                          background-color: #4cae4c;
                          color: white;
                          font-size: 12px;
                        ">
                        个人
                      </span>
                      <span *ngIf="row.payWay == 1" style="
                          padding: 4px;
                          border-radius: 2px;
                          background-color: #1a6ddd;
                          color: white;
                          font-size: 12px;
                        ">
                        对公
                      </span>
                      <span style="padding: 0 5px">{{ row.price / 100 }}</span>
                      <button type="button" *ngIf="row.price" (click)="repairedMonkey(repairedMonkeyModal, row)">
                        查看
                      </button>
                    </td>
                    <td>
                      <span *ngIf="row.payStatus == 1" class="orange">待支付</span>
                      <span *ngIf="row.payStatus == 2" class="green">已支付</span>
                      <span *ngIf="row.payStatus == 3" class="grey">订单取消</span>
                      <span *ngIf="row.payStatus == 4" class="green">已完成</span>
                    </td>
                    <td>
                      <span class="green">已维修</span>
                    </td>
                    <td>{{ row.expressDeliveryNumber }}</td>
                    <!-- <td>
                      <span *ngIf="row.auditStatus === 0" class="orange">未审核</span>
                      <span *ngIf="row.auditStatus === 1" class="green">审核通过</span>
                      <span *ngIf="row.auditStatus === 2" class="red">审核不通过</span>
                    </td>
                    <td>{{ row.auditUser }}</td>
                    <td>{{ row.auditDate }}</td>
                    <td>{{ row.describe }}</td> -->
                    <td><button type="button" (click)="deleteRow(row)">删除</button></td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="table-fix clearfix">
              <paginator [totalRecords]="totalCount" [rows]="pageSize" [currentPage]="curPage - 1"
                (onPageChange)="paginate($event)"></paginator>
              <button type="button" class="btn default refresh_btn" (click)="refresh()">
                <i class="fa fa-refresh"></i>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </sa-widgets-grid>
  <!-- 图片查看   弹窗-->
  <section bsModal #ImgModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width: 800px">
      <div class="modal-content" id="modal-imgBox">
        <div id="modal-imgHeader-box" class="modal-header">
          <button type="button" class="close" (click)="imgClose(ImgModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">图片查看</h4>
        </div>
        <div class="modal-body">
          <div class="row form-horizontal">
            <div class="form-group col-xs-12 imagesInfo">
              <div class="col-xs-6 imgContList">
                <p class="imgTit">维修前</p>
                <div class="col-xs-12 imgViewMain">
                  <div class="col-xs-12 imgViewCont" *ngFor="let row of beforeImageInfo">
                    <div class="col-xs-3 imgViewTit">
                      <span>{{ row.name }}</span>
                    </div>
                    <div class="col-xs-9 imgViewList">
                      <img class="imgViewShow" *ngFor="let item of row.imageUrl" [src]="item" [alt]="row.name"
                        (click)="bigimg()" />
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-xs-6 imgContList">
                <p class="imgTit">维修后</p>
                <div class="col-xs-12 imgViewMain">
                  <div class="col-xs-12 imgViewCont" *ngFor="let row of afterImageInfo">
                    <div class="col-xs-3 imgViewTit">
                      <span>{{ row.name }}</span>
                    </div>
                    <div class="col-xs-9 imgViewList">
                      <img class="imgViewShow" *ngFor="let item of row.imageUrl" [src]="item" [alt]="row.name"
                        (click)="bigimg()" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="form-group col-xs-12 checkCont">
              <p class="checkTit">维修审核</p>
              <div class="col-xs-12" style="margin-bottom: 10px">
                <div class="col-xs-6" style="text-align: center">
                  <label class="radio radio-inline">
                    <input *ngIf="isfirStatus" type="radio" class="radiofaultV2box"
                      (change)="auditStatusChange($event.target.value)" value="1" name="status" checked
                      style="position: relative; top: 2px" />
                    <input *ngIf="!isfirStatus" type="radio" class="radiofaultV2box"
                      (change)="auditStatusChange($event.target.value)" value="1" name="status"
                      style="position: relative; top: 2px" />
                    <span>审核通过</span>
                  </label>
                </div>
                <div class="col-xs-6" style="text-align: center">
                  <label class="radio radio-inline">
                    <input *ngIf="isTwoStatus" type="radio" class="radiofaultV2box"
                      (change)="auditStatusChange($event.target.value)" value="2" name="status" checked
                      style="position: relative; top: 2px" />
                    <input *ngIf="!isTwoStatus" type="radio" class="radiofaultV2box"
                      (change)="auditStatusChange($event.target.value)" value="2" name="status"
                      style="position: relative; top: 2px" />
                    <span>审核不通过</span>
                  </label>
                </div>
              </div>
              <div class="col-xs-12">
                <label class="control-label col-xs-2">
                  描述
                  <sup>*</sup>
                </label>
                <div class="col-xs-10">
                  <textarea class="form-control" [(ngModel)]="describe" rows="3" cols="30"
                    placeholder="填写描述..."></textarea>
                </div>
              </div>
              <div *ngIf="auditCheck" class="col-xs-12 auditCheckBtn">
                <button type="button" class="btn btn-primary" (click)="auditSubmit('1', '')">保存</button>
                <button type="button" class="btn btn-primary" (click)="auditSubmit('2', '')">推送本人</button>
                <button type="button" class="btn btn-primary" (click)="auditSubmit('3', userNamePushModal)">
                  推送他人
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- 图片查看 弹窗end-->

  <!-- 绑定快递单号   弹窗-->
  <section bsModal #bindingExpressModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width: 500px">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="bindingExpressClose(bindingExpressModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">绑定快递单号</h4>
        </div>
        <div class="modal-body">
          <div class="row form-horizontal">
            <div class="form-group">
              <label class="control-label col-sm-2 no-padding-right" style="padding: 7px 0 0"></label>
              <div class="col-sm-10">
                <label class="radio radio-inline" style="margin-right: 40px;">
                  <input type="radio" class="radiobox" checked [(ngModel)]='driverTake' [value]='0' name="modal1">
                  <span>快递寄回</span>
              </label>
              <label class="radio radio-inline" style="margin-right: 40px;">
                  <input type="radio" class="radiobox" [(ngModel)]='driverTake' [value]='1' name="modal2">
                  <span>司机带走</span>
              </label>
              </div>
            </div>
            <div *ngIf="driverTake === 0" class="form-group">
              <label class="control-label col-sm-2 no-padding-right" style="padding: 7px 0 0">
                快递单号
                <sup>*</sup>
              </label>
              <div class="col-sm-10">
                <div class="clearfix fix_select2">
                  <input class="form-control" type="text" [(ngModel)]="expressDeliveryNumber"
                    name="expressDeliveryNumber" autocomplete="off" placeholder="快递单号" onkeyup="value=value.replace(/[?!^\u4e00-\u9fa5]/g,'')" />
                </div>
              </div>
            </div>
            <div *ngIf="driverTake === 0" class="form-group">
              <label class="control-label col-sm-2 no-padding-right" style="padding: 7px 0 0">快递图片</label>
              <div class="col-sm-10">
                <div class="clearfix fix_select2 imagesCur" *ngIf="returnedRepairedImage">
                  <img (click)="bigImg3()" style="width: 100px; height: 100px" [src]="returnedRepairedImage"
                    alt="快递拍照图片" />
                </div>
                <div *ngIf="!returnedRepairedImage" class="no_img_default">
                  <i class="fa-fw fa fa-fa fa-photo"></i>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" (click)="bindingExpressClose(bindingExpressModal)">取消</button>
          <button type="button" class="btn btn-primary" (click)="bindingExpressSubmit(bindingExpressModal)">
            确认
          </button>
        </div>
      </div>
    </div>
  </section>
  <!-- 绑定快递单号 弹窗end-->

  <!-- 推送他人    弹窗-->
  <div bsModal #userNamePushModal="bs-modal" id="userNamePushModal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="cancelUserNamePush(userNamePushModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">推送他人</h4>
        </div>
        <div class="modal-body">
          <div class="row form-horizontal">
            <div class="form-group col-xs-12 s_fix_select2">
              <label class="control-label col-xs-2" for="newPassword">
                推送人
                <sup>*</sup>
              </label>
              <div class="col-xs-10 s_fix_select2_width s_fix_select2">
                <sa-select2 select2ElementID="userSelect2Form" (optionSelected)="optionSelectedForm($event)"
                  [dataList]="userListAll" [paramFormat]="paramFormat" matchSearch="true"></sa-select2>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" (click)="cancelUserNamePush(userNamePushModal)">取消</button>
          <button type="button" class="btn btn-primary" (click)="submitUserNamePush(userNamePushModal)">推送</button>
        </div>
      </div>
    </div>
  </div>
  <!--推送他人  end-->

  <!-- 维修费用明细 -->
  <div bsModal #repairedMonkeyModal="bs-modal" id="repairedDetailModal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width: 1200px">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" aria-label="Close" (click)="closeRepairedMonkey(repairedMonkeyModal)">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">维修费用明细</h4>
        </div>
        <div class="modal-body" style="padding: 15px">
          <div class="table_scroll">
            <h2 style="padding: 10px 0 5px 0; font-size: 16px; font-weight: bold">支付记录</h2>
            <div class="table-content">
              <div class="table-row">
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">费用类型</span>
                  <span *ngIf="repairedMonkeyDetail.typeExpense === 1">安装费</span>
                  <span *ngIf="repairedMonkeyDetail.typeExpense === 2">维修费</span>
                  <span *ngIf="repairedMonkeyDetail.typeExpense === 3">服务续费</span>
                  <span *ngIf="repairedMonkeyDetail.typeExpense === 4">对接费</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">所属公司</span>
                  <span>{{ repairedMonkeyDetail.companyName }}</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">车牌号码</span>
                  <span>{{ repairedMonkeyDetail.carNumber }}</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">设备编号</span>
                  <span>{{ repairedMonkeyDetail.deviceId }}</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">总价[元]</span>
                  <span>{{ repairedMonkeyDetail.price ? repairedMonkeyDetail.price * 0.01 : 0 }}</span>
                </div>
              </div>
              <div class="table-row">
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">微信用户</span>
                  <span>{{ repairedMonkeyDetail.userNickName }}</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">手机号码</span>
                  <span>{{ repairedMonkeyDetail.phone }}</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">支付方式</span>
                  <span *ngIf="repairedMonkeyDetail.payWay === 0">个人支付</span>
                  <span *ngIf="repairedMonkeyDetail.payWay === 1">对公转账</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">支付状态</span>
                  <span *ngIf="repairedMonkeyDetail.payStatus === 1">待支付</span>
                  <span *ngIf="repairedMonkeyDetail.payStatus === 2">支付成功</span>
                  <span *ngIf="repairedMonkeyDetail.payStatus === 3">订单取消</span>
                  <span *ngIf="repairedMonkeyDetail.payStatus === 4">已完成</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">支付时间</span>
                  <span>{{ repairedMonkeyDetail.payDate }}</span>
                </div>
              </div>
              <div class="table-row">
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">商品名称</span>
                  <span>{{ repairedMonkeyDetail.goodsName }}</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">自主支付</span>
                  <span *ngIf="repairedMonkeyDetail.isDirectPay === 0">不是</span>
                  <span *ngIf="repairedMonkeyDetail.isDirectPay === 1">是</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">是否退款</span>
                  <span *ngIf="repairedMonkeyDetail.isDrawback === 0">未退款</span>
                  <span *ngIf="repairedMonkeyDetail.isDrawback === 1">退款</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">创建时间</span>
                  <span>{{ repairedMonkeyDetail.createTime }}</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 20%">
                  <span class="modal-content-title">更新时间</span>
                  <span>{{ repairedMonkeyDetail.updateTime }}</span>
                </div>
              </div>
              <div class="table-row">
                <div class="modal-div-child" style="display: flex; align-items: center; width: 33.33%">
                  <span class="modal-content-title">平台订单号</span>
                  <span>{{ repairedMonkeyDetail.platformNumber }}</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 33.33%">
                  <span class="modal-content-title">商户订单号</span>
                  <span>{{ repairedMonkeyDetail.businessNumber }}</span>
                </div>
                <div class="modal-div-child" style="display: flex; align-items: center; width: 33.33%">
                  <span class="modal-content-title">支付订单号</span>
                  <span>{{ repairedMonkeyDetail.payNumber }}</span>
                </div>
              </div>
              <div class="table-row">
                <div class="modal-div-child" style="display: flex; align-items: center; width: 100%">
                  <span class="modal-content-title">备注</span>
                  <span>{{ repairedMonkeyDetail.remark }}</span>
                </div>
              </div>
            </div>
          </div>
          <div class="table_scroll">
            <h2 style="padding: 10px 0 5px 0; font-size: 16px; font-weight: bold">费用明细</h2>
            <table
              class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
              <thead>
                <tr>
                  <th>维修内容</th>
                  <th>单价[元]</th>
                  <th>数量</th>
                  <th>总费用[元]</th>
                  <th>备注</th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let row of repairedMonkeyDetail.repairOrders; let i = index">
                  <td>{{ row.costDetail }}</td>
                  <td>{{ row.priceType == 1 ? row.price / 100 : row.discountPrice / 100 }}</td>
                  <td>{{ row.count }}{{ row.unit }}</td>
                  <td>{{ row.totalPrice / 100 }}</td>
                  <td>{{ row.remark }}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 维修费用明细 end-->

  <!-- 设备详情信息    弹窗-->
  <div id="deviceDetailModal" style="overflow: auto">
    <div class="modal-dialog modal-lg" style="width: 1000px">
      <div class="modal-content">
        <div class="modal-header" id="headDrag">
          <button type="button" class="close" (click)="cancelDeviceDetail()" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">
            设备信息
            <span class="note">[ 注: 鼠标点击可拖动 ]</span>
            <span *ngIf="isShowGPSAlert" class="red gps-alert">GPS更新异常</span>
          </h4>
          <div class="btn-group" style="position: absolute; right: 88px; top: 8px">
            <button class="btn btn-default no-margin" [ngClass]="{ 'btn-primary': btnGroupActive == '1' }"
              (click)="selectTimeFast('1')">
              一周
            </button>
            <!--<button class="btn btn-default no-margin" [ngClass]="{'btn-primary':btnGroupActive == '2'}" (click)="selectTimeFast('2')">半个月</button>-->
            <button class="btn btn-default no-margin" [ngClass]="{ 'btn-primary': btnGroupActive == '3' }"
              (click)="selectTimeFast('3')">
              一个月
            </button>
            <!--<button class="btn btn-default no-margin" [ngClass]="{'btn-primary':btnGroupActive == '4'}" (click)="selectTimeFast('4')">两个月</button>-->
            <button class="btn btn-default no-margin" [ngClass]="{ 'btn-primary': btnGroupActive == '5' }"
              (click)="selectTimeFast('5')">
              三个月
            </button>
            <button class="btn no-margin btn-default" [ngClass]="{ 'btn-primary': btnGroupActive == '6' }"
              (click)="selectTimeFast('6')">
              半年
            </button>
            <button class="btn no-margin btn-default" [ngClass]="{ 'btn-primary': btnGroupActive == '7' }"
              (click)="selectTimeFast('7')">
              全部
            </button>
          </div>
        </div>
        <div class="modal-body" style="padding: 20px; max-height: 998px; overflow: auto">
          <div class="row form-horizontal">
            <div>
              <div class="tabbable">
                <ul class="nav nav-tabs" id="myTab"
                  style="padding-left: 12px; background-image: linear-gradient(#f1f5fd, #e9f0ff)">
                  <li class="active s-lis">
                    <a data-toggle="tab" href="#all" (click)="getTabData('')">
                      设备信息
                      <span id="allOrders" style=""></span>
                    </a>
                  </li>
                  <li class="s-lis" (click)="getTabData('8')"><a data-toggle="tab" href="#timeline">设备事件</a></li>
                  <li class="s-lis">
                    <a data-toggle="tab" href="#waitRepaired" (click)="getTabData('4_1')">
                      待维修
                      <span class="orange">{{ repairedDeviceInfo.waitFixedCount }}</span>
                    </a>
                  </li>
                  <li class="s-lis">
                    <a data-toggle="tab" href="#repaired" (click)="getTabData('4_2')">
                      已维修
                      <span class="green">{{ repairedDeviceInfo.fixedCount }}</span>
                    </a>
                  </li>
                  <li class="s-lis">
                    <a data-toggle="tab" class="reqRecord" href="#question" (click)="getTabData('1')">
                      问题记录
                      <span class="red">{{ questionRecordTotal }}</span>
                    </a>
                  </li>
                  <li class="s-lis">
                    <a data-toggle="tab" href="#dataWaitFix" (click)="getTabData('2_1')">
                      数据待修复
                      <span class="orange">{{ dataFixInfo.exceptionOrderCount }}</span>
                    </a>
                  </li>
                  <li class="s-lis">
                    <a data-toggle="tab" href="#dataFix" (click)="getTabData('2')">
                      数据修复
                      <span class="green" *ngIf="dataFixInfo.dataFixCount || dataFixInfo.dataFixCount == 0">
                        {{ dataFixInfo.dataFixCount + dataFixInfo.truckFixCount }}
                      </span>
                    </a>
                  </li>

                  <li class="s-lis">
                    <a data-toggle="tab" class="alertRecord" href="#alert" (click)="getTabData('3')">
                      警报记录
                      <span class="red" *ngIf="alertDataInfo.shutDownCount || alertDataInfo.shutDownCount == 0">
                        {{
                        alertDataInfo.shutDownCount +
                        alertDataInfo.offLineCount +
                        alertDataInfo.shutDownExceptionCount
                        }}
                      </span>
                    </a>
                  </li>
                  <li class="s-lis">
                    <a data-toggle="tab" href="#weightData" (click)="getTabData('7')">
                      地磅数据
                      <span class="status-purple"></span>
                    </a>
                  </li>
                  <li class="s-lis">
                    <a data-toggle="tab" href="#version" (click)="getTabData('5')">
                      固件升级
                      <span class="status-purple"></span>
                    </a>
                  </li>
                  <li class="s-lis">
                    <a data-toggle="tab" href="#coef" (click)="getTabData('6')">
                      系数升级
                      <span class="status-purple"></span>
                    </a>
                  </li>
                </ul>
                <div class="tab-content" style="padding: 0; border: none">
                  <div id="all" class="tab-pane active">
                    <sa-device-info [deviceId]="selectRowData.deviceId" [endTime]="endDateBtn"
                      [startTime]="startDateBtn" [iccid]="deviceBaseInfo.iccid"></sa-device-info>
                    <!-- <div class="device-module clearfix">
											<h4>基本信息</h4>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">公司名称</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.companyName||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">车辆用途</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.userTypeName||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">司机姓名</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.driverName||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">车牌号码</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.carNumber||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding">
												<span class="item-key">传感器类型</span><span class="item-value" [attr.title]="">
													<sa-sensor-type [sensorTypeId]="deviceBaseInfo.sensorType" type='2' [inputParam]="inputParam" [isSendRequest]='false'></sa-sensor-type>
												</span>
											</div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">司机电话</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.phone||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">设备ID</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.deviceId||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">产品编码</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.productNo||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">录入人员</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.userNameForCreate||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">硬件版本</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.hwVersion||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">SIM卡号</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.iccid||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">安装时间</span><span class="item-value" [attr.title]="">{{deviceBaseInfo.inputDate||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">传感器通道</span><span class="item-value table_scroll" [attr.title]="">
												<span  class="channel-style bg-green" *ngFor="let item of deviceBaseInfo.sensorChannel">{{item}}</span>
												<span *ngIf="deviceBaseInfo.sensorChannel.length == 0">--</span>
											</span></div>
											<div class="item-box col-xs-4 no-padding">
												<span class="item-key">当前系数</span><span class="item-value" [attr.title]="deviceBaseInfo.coef">
													<span *ngIf='deviceBaseInfo.coefT.length >0'>
														<span>[</span><span *ngFor="let lis of deviceBaseInfo.coefT;let i = index;">
															<span style="font-weight: bold;">CH{{lis.index}}:</span><span>{{lis.value}}<span *ngIf="i < deviceBaseInfo.coefT.length-1">,</span></span>
														</span><span>]</span>
													</span>
													<span *ngIf='deviceBaseInfo.coefT.length == 0'>--</span>
												</span>
											</div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">算法版本</span><span class="item-value" [attr.title]="deviceBaseInfo.version">{{deviceBaseInfo.version||'--'}}</span></div>
										</div>
										<div class="device-module clearfix">
											<h4>问题记录<span style="font-weight: normal;"> [{{btnGroupActiveText}}]</span><span class="item-detail" (click)="jumpQuestionByHand('','','total')">>> 详情</span></h4>
											<div class="item-box col-xs-4 no-padding" *ngFor="let item of questionRecordInfo"><span class="item-key">{{item.reason}}</span><span class="item-value jump-number" (click)="jumpQuestionByHand(item.exceptionType,item.programType,item.reasonCount)">{{item.reasonCount}}</span></div>
										</div>
										<div class="device-module clearfix">
											<h4>数据修复<span style="font-weight: normal;"> [{{btnGroupActiveText}}]</span></h4>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">数据修复</span><span class="item-value jump-number" (click)="jumpDataFixList('1',dataFixInfo.dataFixCount)">{{dataFixInfo.dataFixCount}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">轨迹修复</span><span class="item-value jump-number" (click)="jumpDataFixList('2',dataFixInfo.truckFixCount)">{{dataFixInfo.truckFixCount}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">待修复[矩阵]</span><span class="item-value jump-number" (click)="jumpDataFixList('3',dataFixInfo.exceptionOrderCount)">{{dataFixInfo.exceptionOrderCount}}</span></div>
										</div>
										<div class="device-module clearfix">
											<h4>警报记录<span style="font-weight: normal;"> [{{btnGroupActiveText}}]</span><span class="item-detail" (click)="jumpAlertDataList('','total')">>> 详情</span></h4>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">断电警报</span><span class="item-value jump-number" (click)="jumpAlertDataList('2',alertDataInfo.shutDownCount)">{{alertDataInfo.shutDownCount}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">离线警报</span><span class="item-value jump-number" (click)="jumpAlertDataList('1',alertDataInfo.offLineCount)">{{alertDataInfo.offLineCount}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">异常断电警报</span><span class="item-value jump-number" (click)="jumpAlertDataList('3',alertDataInfo.shutDownExceptionCount)">{{alertDataInfo.shutDownExceptionCount}}</span></div>
										</div>
										<div class="device-module clearfix">
											<h4>总磅单数<span style="font-weight: normal;"> [{{btnGroupActiveText}}]</span></h4>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">磅单总数</span><span class="item-value jump-number">{{weightData.WeightBridgeCount||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">最新磅单重量</span><span class="item-value">{{weightData.weight||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">最近磅单时间</span><span class="item-value jump-number">{{weightData.lastDate||'--'}}</span></div>
										</div>
										<div class="device-module clearfix">
											<h4>维修记录<span style="font-weight: normal;"> [{{btnGroupActiveText}}]</span></h4>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">待维修记录</span><span class="item-value jump-number" (click)="jumpRepairedDeviceList('0','1',repairedDeviceInfo.waitFixedCount)">{{repairedDeviceInfo.waitFixedCount}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">已维修记录</span><span class="item-value jump-number" (click)="jumpRepairedDeviceList('1','2',repairedDeviceInfo.fixedCount)">{{repairedDeviceInfo.fixedCount}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">最新维修时间</span><span class="item-value">{{repairedDeviceInfo.lastRepariedTime||'--'}}</span></div>
										</div>
										<div class="device-module clearfix">
											<h4>设备状态</h4>
											<div class="item-box col-xs-4 no-padding">
												<span class="item-key">在线状态</span><span class="item-value">
													<span *ngIf="deviceRealTimeDataInfo.runStatus == '1'" class="green">在线</span><span class="red" *ngIf="deviceRealTimeDataInfo.runStatus == '0'">离线<span *ngIf="deviceRealTimeDataInfo.alarmType == '0'||!deviceRealTimeDataInfo.alarmType">[未知原因]</span><span *ngIf="deviceRealTimeDataInfo.alarmType == '1'||deviceRealTimeDataInfo.alarmType == '2'">[断电中]</span><span *ngIf="deviceRealTimeDataInfo.alarmType == '3'">[异常断电]</span></span><span *ngIf="!deviceRealTimeDataInfo.runStatus">--</span>
												</span>
											</div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">设备电压</span><span class="item-value">{{deviceRealTimeDataInfo.voltage||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding">
												<span class="item-key">警报类型</span><span class="item-value">
													<span *ngIf="deviceRealTimeDataInfo.alarmType == '0'||!deviceRealTimeDataInfo.alarmType">无警报</span><span *ngIf="deviceRealTimeDataInfo.alarmType == '2'" class="red">
														离线警报</span><span *ngIf="deviceRealTimeDataInfo.alarmType == '1'" class="red">断电警报
														</span>
												</span>
											</div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">更新时间</span><span class="item-value">{{deviceRealTimeDataInfo.updateTime||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">采集时间</span><span class="item-value">{{deviceRealTimeDataInfo.voltageTime||'--'}}</span></div>
											<div class="item-box col-xs-4 no-padding"><span class="item-key">警报时间</span><span class="item-value"><span class="red" *ngIf="deviceRealTimeDataInfo.alarmTime">{{deviceRealTimeDataInfo.alarmTime}}</span><span *ngIf="!deviceRealTimeDataInfo.alarmTime">--</span></span></div>

										</div>
										<span *ngIf="isShowOfflineAlert" class="red offline-alert left">异常离线[磅单数:{{weightCount}}][离线时长:{{offlineDiffTime}}]</span> -->
                  </div>
                  <div id="timeline" class="tab-pane">
                    <div class="clearfix">
                      <div class="device-module clearfix" style="margin-top: 12px" *ngIf="deviceBaseInfo">
                        <h4>基本信息</h4>
                        <div class="item-box self-xs-25 no-padding">
                          <span class="item-key">车牌号码</span>
                          <span class="item-value" [attr.title]="">{{ deviceBaseInfo.carNumber || '--' }}</span>
                          <span *ngIf="deviceBaseInfo.deviceId">[{{ deviceBaseInfo.deviceId }}]</span>
                        </div>
                        <div class="item-box self-xs-25 no-padding">
                          <span class="item-key">公司名称</span>
                          <span class="item-value" [attr.title]="">{{ deviceBaseInfo.companyName || '--' }}</span>
                        </div>
                        <div class="item-box self-xs-25 no-padding">
                          <span class="item-key">安装时间</span>
                          <span class="item-value" [attr.title]="">{{ deviceBaseInfo.inputDate || '--' }}</span>
                        </div>
                        <div class="item-box self-xs-25 no-padding">
                          <span class="item-key">录入人员</span>
                          <span class="item-value" [attr.title]="">{{ deviceBaseInfo.userNameForCreate || '--' }}</span>
                        </div>
                        <div class="item-box self-xs-25 no-padding">
                          <span class="item-key">已安装[据今]</span>
                          <span class="item-value" [attr.title]="">{{ deviceBaseInfo.installTime || '--' }}</span>
                        </div>
                        <div class="item-box self-xs-25 no-padding">
                          <span class="item-key">车辆用途</span>
                          <span class="item-value" [attr.title]="">{{ deviceBaseInfo.userTypeName || '--' }}</span>
                        </div>
                        <div class="item-box self-xs-25 no-padding">
                          <span class="item-key">载重更新</span>
                          <span class="item-value" [attr.title]="">{{ otherData.carUploadDate || '--' }}</span>
                        </div>
                        <div class="item-box self-xs-25 no-padding">
                          <span class="item-key">传感器</span>
                          <span class="item-value" [attr.title]="">
                            <sa-sensor-type [sensorTypeId]="deviceBaseInfo.sensorType" type="2"
                              [inputParam]="inputParam" [isSendRequest]="false"></sa-sensor-type>
                          </span>
                        </div>
                        <div class="item-box self-xs-25 no-padding">
                          <span class="item-key">车辆状态</span>
                          <span class="item-value" [attr.title]="">
                            <span class="red" *ngIf="deviceRealTimeDataInfo.runStatus == '0'">
                              离线
                              <span
                                *ngIf="deviceRealTimeDataInfo.alarmType == '0' || !deviceRealTimeDataInfo.alarmType">
                                [未知原因]
                              </span>
                              <span *ngIf="
                                  deviceRealTimeDataInfo.alarmType == '1' || deviceRealTimeDataInfo.alarmType == '2'
                                ">
                                [断电中]
                              </span>
                              <span *ngIf="deviceRealTimeDataInfo.alarmType == '3'">[异常断电]</span>
                            </span>
                            <span class="green" *ngIf="deviceRealTimeDataInfo.runStatus !== '0'">在线</span>
                            <!-- <span class="red" *ngIf="versionMessage.isShowGPS">[GPS更新异常]</span> -->
                          </span>
                        </div>
                        <div class="item-box self-xs-25 no-padding">
                          <span class="item-key">GPS更新</span>
                          <span class="item-value" [attr.title]="">{{ otherData.gpsUploadDate || '--' }}</span>
                        </div>

                        <div class="item-box self-xs-25 no-padding" style="width: 40%">
                          <span class="item-key">算法版本</span>
                          <span class="item-value" [attr.title]="deviceBaseInfo.version"
                            style="max-width: calc(100% - 88px)">
                            {{ deviceBaseInfo.version || '--' }}
                          </span>
                        </div>
                        <div class="item-box self-xs-25 no-padding" style="width: 40%">
                          <span class="item-key">当前系数</span>
                          <span class="item-value" [attr.title]="deviceBaseInfo.coef"
                            style="max-width: calc(100% - 88px)">
                            <span *ngIf="deviceBaseInfo.coefT.length > 0">
                              <span>[</span>
                              <span *ngFor="let lis of deviceBaseInfo.coefT; let i = index">
                                <span style="font-weight: bold">CH{{ lis.index }}:</span>
                                <span>
                                  {{ lis.value }}
                                  <span *ngIf="i < deviceBaseInfo.coefT.length - 1">,</span>
                                </span>
                              </span>
                              <span>]</span>
                            </span>
                            <span *ngIf="deviceBaseInfo.coefT.length == 0">--</span>
                          </span>
                        </div>
                        <div class="item-box self-xs-25 no-padding">
                          <span class="item-key">传感器通道</span>
                          <span class="item-value table_scroll" [attr.title]="">
                            <span class="channel-style bg-green" *ngFor="let item of deviceBaseInfo.sensorChannel">
                              {{ item }}
                            </span>
                            <span *ngIf="deviceBaseInfo.sensorChannel.length == 0">--</span>
                          </span>
                        </div>
                      </div>
                    </div>
                    <div class="device-module clearfix" style="margin-top: 12px">
                      <h4>
                        主机生命周期
                        <span *ngIf="hostTableData.length"
                          [attr.title]="'当前为' + hostTableData.length + '号主机，已更换' + (hostTableData.length -1) + '次主机'">{{deviceBaseInfo.carNumber}}[{{hostTableData.length}}]</span>
                      </h4>
                      <div class="table_scroll first_row_style">
                        <table
                          class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table"
                          style="margin-bottom: 0 !important;border-bottom: 0 !important;">
                          <thead>
                            <tr>
                              <th class="width50">序号</th>
                              <th class="width60">状态</th>
                              <th class="width100">车牌号码</th>
                              <th class="width100">设备ID</th>
                              <th class="width90">物料名称</th>
                              <th class="width120">产品编号</th>
                              <th class="width120">原设备ID</th>
                              <th class="width120">工作时长</th>
                              <th style="text-align:center">安装时间</th>
                            </tr>
                          </thead>
                        </table>
                      </div>
                      <div [ngClass]="{'host_table': hostTableData.length > 3 }" class="table_scroll first_row_style">
                        <table
                          class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table"
                          style="border-top: 0 !important;">
                          <tbody *ngIf="hostTableData.length > 0">
                            <tr *ngFor="let row of hostTableData; let i = index">
                              <td class="width50">{{ row.number }}</td>
                              <td class="width60">
                                <span *ngIf="row.state === 0">拆卸</span>
                                <span *ngIf="row.state === 1">在用</span>
                              </td>
                              <td class="width100">{{ row.carNumber }}</td>
                              <td class="width100">{{ row.deviceId }}</td>
                              <td class="width90">{{ row.materielName }}</td>
                              <td class="width120">{{ row.materielNumber }}</td>
                              <td class="width120">{{ row.lastDeviceId }}</td>
                              <td class="width120">{{ row.workingTimeStr }}</td>
                              <td style="text-align:center">{{ row.installTime }}</td>
                            </tr>
                          </tbody>
                          <tbody *ngIf="hostTableData.length === 0">
                            <div style="text-align: center;height: 50px;line-height: 50px;">暂无数据</div>
                          </tbody>
                        </table>
                      </div>
                    </div>
                    <div class="device-module clearfix" style="margin-top: 12px">
                      <h4>
                        传感器生命周期
                        <span *ngIf="sensorListData.length"
                          [attr.title]="'当前设备安装' + sensorCount + '个传感器'">{{deviceBaseInfo.carNumber}}[{{sensorCount}}]</span>
                      </h4>
                      <div class="table_scroll first_row_style">
                        <table
                          class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table"
                          style="margin-bottom: 0 !important;border-bottom: 0 !important;">
                          <thead>
                            <tr>
                              <th class="width80">产品编号</th>
                              <th class="width80">序号</th>
                              <th class="width80">状态</th>
                              <th class="width100">车牌号码</th>
                              <th class="width100">设备ID</th>
                              <th class="width200">物料名称</th>
                              <th class="width120">工作时长</th>
                              <th style="text-align:center">安装时间</th>
                            </tr>
                          </thead>
                        </table>
                      </div>
                      <div [ngClass]="{'sensor_table': sensorListData.length > 5 }"
                        class="table_scroll first_row_style">
                        <table
                          class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table"
                          style="border-top: 0 !important;">
                          <tbody *ngIf="sensorListData.length > 0">
                            <tr *ngFor="let row of sensorListData; let i = index">
                              <td class="width80" [rowSpan]="row.rowSpan" *ngIf="row.secondIndex == 0">
                                <span class="channel-style bg-green">
                                  {{ row.materielNumber }}
                                </span>
                              </td>
                              <td class="width80">{{ row.number }}</td>
                              <td class="width80">
                                <span *ngIf="row.state === 0">拆卸</span>
                                <span *ngIf="row.state === 1">在用</span>
                              </td>
                              <td class="width100">{{ row.carNumber }}</td>
                              <td class="width100">{{ row.deviceId }}</td>
                              <td class="width200">{{ row.materielName }}</td>
                              <td class="width120">{{ row.workingTimeStr }}</td>
                              <td style="text-align:center">{{ row.installTime }}</td>
                            </tr>
                          </tbody>
                          <tbody *ngIf="sensorListData.length === 0">
                            <div style="text-align: center;height: 50px;line-height: 50px;">暂无数据</div>
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                  <div id="question" class="tab-pane">
                    <div class="table_scroll">
                      <table
                        class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                        <thead>
                          <tr>
                            <th>录入人员</th>
                            <th>录入时间</th>
                            <th>设备ID</th>
                            <th>车牌号</th>
                            <th>版本</th>
                            <th>问题分类</th>
                            <th>现象分类</th>
                            <th>问题原因</th>
                            <th>车辆用途</th>
                            <th>用途分类</th>
                            <th>开始时间</th>
                            <th>结束时间</th>
                            <th>系数</th>
                            <th>状态</th>
                            <th>审核人员</th>
                            <th>审核时间</th>
                            <th>备注</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr *ngFor="let row of tableDataTab1; let i = index">
                            <td>{{ row.createUserName }}</td>
                            <td>{{ row.createDate }}</td>
                            <td>{{ row.deviceId }}</td>
                            <td>{{ row.carNumber }}</td>
                            <td>{{ row.version }}</td>
                            <td>{{ row.exceptionType }}</td>
                            <td>{{ row.programType }}</td>
                            <td>{{ row.reason }}</td>
                            <td>{{ row.useTypeL1 }}</td>
                            <td>{{ row.useTypeL2 }}</td>
                            <td>{{ row.startDate }}</td>
                            <td>{{ row.endDate }}</td>
                            <td>
                              <span *ngIf="row.coef.length > 0">
                                <span>[</span>
                                <span *ngFor="let lis of row.coef; let i = index">
                                  <span style="font-weight: bold">CH{{ lis.index }}:</span>
                                  <span>
                                    {{ lis.value }}
                                    <span *ngIf="i < row.coef.length - 1">,</span>
                                  </span>
                                </span>
                                <span>]</span>
                              </span>
                            </td>
                            <td>
                              <span *ngIf="row.isCheck == '1'" class="green">审核通过</span>
                              <span *ngIf="row.isCheck == '0'" class="orange">未审核</span>
                            </td>
                            <td>{{ row.userNameForCheck }}</td>
                            <td>{{ row.checkDate }}</td>
                            <td>{{ row.remark }}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div class="table-fix clearfix">
                      <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1"
                        (onPageChange)="paginateTab($event)"></paginator>
                      <button type="button" class="btn default refresh_btn" (click)="refreshTab()">
                        <i class="fa fa-refresh"></i>
                      </button>
                    </div>
                  </div>
                  <div id="dataFix" class="tab-pane">
                    <div class="table_scroll">
                      <table
                        class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                        <thead>
                          <tr>
                            <th>用户名</th>
                            <th>记录类型</th>
                            <th>车牌号码</th>
                            <th>记录时间</th>
                            <th>内容</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr *ngFor="let row of tableDataTab2; let i = index" [attr.data-index]="i">
                            <td>{{ row.userName }}</td>
                            <td>
                              <span *ngIf="row.operation == '1'">数据修复</span>
                              <span *ngIf="row.operation == '2'">轨迹修复</span>
                            </td>
                            <td>{{ row.carNumber }}</td>
                            <td>{{ row.createTime }}</td>
                            <td>{{ row.content }}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div class="table-fix clearfix">
                      <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1"
                        (onPageChange)="paginateTab($event)"></paginator>
                      <button type="button" class="btn default refresh_btn" (click)="refreshTab()">
                        <i class="fa fa-refresh"></i>
                      </button>
                    </div>
                  </div>

                  <div id="dataWaitFix" class="tab-pane">
                    <div class="table_scroll">
                      <table
                        class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                        <thead>
                          <tr>
                            <th>订单编号</th>
                            <th>车牌号码</th>
                            <th>设备ID</th>
                            <th>空车过磅时间</th>
                            <th>重车过磅时间</th>
                            <th>净重</th>
                            <th>订单类型</th>
                            <th>开始卸货时间</th>
                            <th>卸货结束时间</th>
                            <th>异常描述</th>
                            <th>推送时间</th>
                            <th>推送状态</th>
                            <th>处理人</th>
                            <th>状态</th>
                            <th>录入时间</th>
                            <th>更新时间</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr *ngFor="let row of tableDataTab2_1; let i = index" [attr.data-index]="i">
                            <td>{{ row.taskId }}</td>
                            <td>{{ row.carNumber }}</td>
                            <td>{{ row.deviceId }}</td>
                            <td>{{ row.emptyLoadDate }}</td>
                            <td>{{ row.fullLoadDate }}</td>
                            <td>{{ row.weight }}</td>
                            <td>
                              <span *ngIf="row.type == '1'">水泥订单</span>
                              <span *ngIf="row.type == '2'">物资订单</span>
                            </td>
                            <td>{{ row.unloadStartDate }}</td>
                            <td>{{ row.unloadEndDate }}</td>
                            <td>{{ row.remark }}</td>
                            <td>{{ row.pushDate }}</td>
                            <td>
                              <span *ngIf="row.isPush == '0'" class="orange">未推送</span>
                              <span *ngIf="row.isPush == '1'" class="green">已推送</span>
                            </td>
                            <td>{{ row.userName }}</td>
                            <td>
                              <span *ngIf="row.status == '0'" class="orange">待处理</span>
                              <span *ngIf="row.status == '1'" class="green">已处理</span>
                            </td>
                            <td>{{ row.createTime }}</td>
                            <td>{{ row.uploadTime }}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div class="table-fix clearfix">
                      <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1"
                        (onPageChange)="paginateTab($event)"></paginator>
                      <button type="button" class="btn default refresh_btn" (click)="refreshTab()">
                        <i class="fa fa-refresh"></i>
                      </button>
                    </div>
                  </div>

                  <div id="alert" class="tab-pane">
                    <div class="table_scroll">
                      <table
                        class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                        <thead>
                          <tr>
                            <th>设备ID</th>
                            <th>车牌号</th>
                            <th>所属公司</th>
                            <th>异常信息</th>
                            <th>关机时长</th>
                            <th>关机时间</th>
                            <th>开机时间</th>
                            <th>地址</th>
                            <th>状态</th>
                            <th>处理意见</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr *ngFor="let row of tableDataTab3; let i = index" [attr.data-index]="i">
                            <td>{{ row.deviceId }}</td>
                            <td>{{ row.carNumber }}</td>
                            <td>{{ row.companyName }}</td>
                            <td>{{ row.message }}</td>
                            <td>
                              <span *ngIf="row.type == 1">
                                <span *ngIf="!row.onTime || row.totalSecond == '0秒'">离线中</span>
                                <span *ngIf="row.totalSecond && row.onTime">{{ row.totalSecond }}</span>
                              </span>
                              <span *ngIf="row.type == 2">
                                <span *ngIf="!row.onTime || row.totalSecond == '0秒'">断电中</span>
                                <span *ngIf="row.totalSecond && row.onTime">{{ row.totalSecond }}</span>
                              </span>
                              <span *ngIf="row.type == 3">
                                <span *ngIf="!row.onTime || row.totalSecond == '0秒'">无</span>
                                <span *ngIf="row.onTime && row.totalSecond">{{ row.onTime }}</span>
                              </span>
                            </td>
                            <td>{{ row.offTime }}</td>
                            <td>
                              <span *ngIf="row.type == 1">
                                <span *ngIf="!row.onTime || row.totalSecond == '0秒'">离线中</span>
                                <span *ngIf="row.onTime && row.totalSecond">{{ row.onTime }}</span>
                              </span>
                              <span *ngIf="row.type == 2">
                                <span *ngIf="!row.onTime || row.totalSecond == '0秒'">断电中</span>
                                <span *ngIf="row.onTime && row.totalSecond">{{ row.onTime }}</span>
                              </span>
                              <span *ngIf="row.type == 3">
                                <span *ngIf="!row.onTime || row.totalSecond == '0秒'">无</span>
                                <span *ngIf="row.onTime && row.totalSecond">{{ row.onTime }}</span>
                              </span>
                            </td>
                            <td>{{ row.address }}</td>
                            <td>
                              <span *ngIf="row.handleStatus == 0" class="orange">未处理</span>
                              <span *ngIf="row.handleStatus == 1" class="green">已处理</span>
                            </td>
                            <td>{{ row.addvice }}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div class="table-fix clearfix">
                      <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1"
                        (onPageChange)="paginateTab($event)"></paginator>
                      <button type="button" class="btn default refresh_btn" (click)="refreshTab()">
                        <i class="fa fa-refresh"></i>
                      </button>
                    </div>
                  </div>
                  <div id="waitRepaired" class="tab-pane">
                    <div class="table_scroll">
                      <table
                        class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                        <thead>
                          <tr>
                            <th>故障状态</th>
                            <th>进厂限制</th>
                            <th>录入人员</th>
                            <th>录入时间</th>
                            <th>故障类型</th>
                            <th>故障现象</th>
                            <th>故障时间</th>
                            <th>维修指导</th>
                            <th>故障来源</th>
                            <th>备注</th>
                            <th>最后编辑</th>
                            <th>操作</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr *ngFor="let row of tableDataTab4_1; let i = index">
                            <td>
                              <span *ngIf="row.repairedStatus == '0'" class="orange">待维修</span>
                              <span *ngIf="row.repairedStatus == '1'" class="green">已维修</span>
                            </td>
                            <td>
                              <span *ngIf="row.isPush == '1'">限制</span>
                              <span *ngIf="row.isPush == '0'">不限制</span>
                            </td>
                            <td>{{ row.creater }}</td>
                            <td>{{ row.createTime }}</td>
                            <td>{{ row.faultTypeName }}</td>
                            <td>{{ row.faultPhenomenon }}</td>
                            <td>{{ row.faultTime }}</td>
                            <td>{{ row.repairedGuide }}</td>
                            <td>{{ row.updateSource }}</td>
                            <td>{{ row.remark }}</td>
                            <td>{{ row.lastUpdateTime }}</td>
                            <td><button type="button" (click)="deleteRepaireRow(row)">删除</button></td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div class="table-fix clearfix">
                      <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1"
                        (onPageChange)="paginateTab($event)"></paginator>
                      <button type="button" class="btn default refresh_btn" (click)="refreshTab()">
                        <i class="fa fa-refresh"></i>
                      </button>
                    </div>
                  </div>
                  <div id="repaired" class="tab-pane">
                    <div class="table_scroll">
                      <table
                        class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                        <thead>
                          <tr>
                            <th>设备ID</th>
                            <th>车牌号码</th>
                            <th>用途分类</th>
                            <th>公司名称</th>
                            <th>维修人员</th>
                            <th>维修订单创建时间</th>
                            <th>维修时间</th>
                            <th>故障现象</th>
                            <th>维修内容</th>
                            <th>维修细分</th>
                            <th>维修编号</th>
                            <th>维修费用[元]</th>
                            <th>支付状态</th>
                            <th>维修状态</th>
                            <th>是否审核</th>
                            <th>审核人员</th>
                            <th>审核时间</th>
                            <th>审核意见</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr *ngFor="let row of tableDataTab4_2; let i = index" [attr.data-index]="i">
                            <td>{{ row.deviceId }}</td>
                            <td>{{ row.carNumber }}</td>
                            <td>{{ row.useTypeL2 }}</td>
                            <td>{{ row.companyName }}</td>
                            <td>{{ row.repairedUserName }}</td>
                            <td>{{ row.repairOrderCreateTime }}</td>
                            <td>{{ row.repairedTime }}</td>
                            <td>{{ row.faultPhenomenonList }}</td>
                            <td>{{ row.repairContentList }}</td>
                            <td>{{ row.repairSubdivideList }}</td>
                            <td>{{ row.repairedNumber }}</td>
                            <td>
                              <span>{{ row.price / 100 }}</span>
                            </td>
                            <td>
                              <span *ngIf="row.payStatus == 1">待支付</span>
                              <span *ngIf="row.payStatus == 2">已支付</span>
                              <span *ngIf="row.payStatus == 3">订单取消</span>
                            </td>
                            <td>
                              <span class="green">已维修</span>
                            </td>
                            <td>
                              <span *ngIf="row.auditStatus === 0" class="orange">未审核</span>
                              <span *ngIf="row.auditStatus === 1" class="green">审核通过</span>
                              <span *ngIf="row.auditStatus === 2" class="red">审核不通过</span>
                            </td>
                            <td>{{ row.auditUser }}</td>
                            <td>{{ row.auditDate }}</td>
                            <td>{{ row.describe }}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div class="table-fix clearfix">
                      <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1"
                        (onPageChange)="paginateTab($event)"></paginator>
                      <button type="button" class="btn default refresh_btn" (click)="refreshTab()">
                        <i class="fa fa-refresh"></i>
                      </button>
                    </div>
                  </div>
                  <div id="version" class="tab-pane">
                    <div class="table_scroll">
                      <table
                        class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                        <thead>
                          <tr>
                            <th>用户名称</th>
                            <th>设备ID</th>
                            <th>车牌号</th>
                            <th>操作内容</th>
                            <th>升级状态</th>
                            <th>版本名称</th>
                            <th>版本号</th>
                            <th>前版本号</th>
                            <th>时间</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr *ngFor="let row of tableDataTab5">
                            <td>{{ row.userName }}</td>
                            <td>{{ row.deviceId }}</td>
                            <td>{{ row.carNumber }}</td>
                            <td>{{ row.content }}</td>
                            <td>
                              <span *ngIf="row.status === '0'" style="color: #ffb752">等待升级</span>
                              <span *ngIf="row.status === '2'" style="color: #4cae4c">升级成功</span>
                            </td>
                            <td>{{ row.binName }}</td>
                            <td>{{ row.version }}</td>
                            <td>{{ row.prevVersion }}</td>
                            <td>{{ row.createTime }}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div class="table-fix clearfix">
                      <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1"
                        (onPageChange)="paginateTab($event)"></paginator>
                      <button type="button" class="btn default refresh_btn" (click)="refreshTab()">
                        <i class="fa fa-refresh"></i>
                      </button>
                    </div>
                  </div>
                  <div id="coef" class="tab-pane">
                    <div class="table_scroll">
                      <table
                        class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                        <thead>
                          <tr>
                            <th>操作人</th>
                            <th>设置时间</th>
                            <th>应答时间</th>
                            <th>设置状态</th>
                            <th>下发系数</th>
                            <th>前系数</th>
                            <th>创建时间</th>
                            <th>更新时间</th>
                            <th>设备ID</th>
                            <th>车牌号码</th>
                            <th>公司名称</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr *ngFor="let row of tableDataTab6">
                            <td>{{ row.userName }}</td>
                            <td>{{ row.sendTime }}</td>
                            <td>{{ row.ackTime }}</td>
                            <td>
                              <!-- 设置状态 type 	0：已提交	1：待下发	2：已下发	3：设置成功 -->
                              <span [ngClass]="{ orange: row.type == 1, grey: row.type == 2, green: row.type == 3 }">
                                {{ row.status }}
                              </span>
                            </td>
                            <td>
                              <span *ngIf="row.newCoef.length > 0">
                                <span>[</span>
                                <span *ngFor="let lis of row.newCoef; let i = index">
                                  <span style="font-weight: bold">CH{{ lis.index }}:</span>
                                  <span>
                                    {{ lis.value }}
                                    <span *ngIf="i < row.newCoef.length - 1">,</span>
                                  </span>
                                </span>
                                <span>]</span>
                              </span>
                            </td>
                            <td>
                              <span *ngIf="row.oldCoef.length > 0">
                                <span>[</span>
                                <span *ngFor="let lis of row.oldCoef; let i = index">
                                  <span style="font-weight: bold">CH{{ lis.index }}:</span>
                                  <span>
                                    {{ lis.value }}
                                    <span *ngIf="i < row.oldCoef.length - 1">,</span>
                                  </span>
                                </span>
                                <span>]</span>
                              </span>
                            </td>
                            <td>{{ row.createTime }}</td>
                            <td>{{ row.updateTime }}</td>
                            <td>{{ row.deviceId }}</td>
                            <td>{{ row.carNumber }}</td>
                            <td>{{ row.companyName }}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div class="table-fix clearfix">
                      <paginator [totalRecords]="totalCountTab" [rows]="pageSizeTab" [currentPage]="curPageTab - 1"
                        (onPageChange)="paginateTab($event)"></paginator>
                      <button type="button" class="btn default refresh_btn" (click)="refreshTab()">
                        <i class="fa fa-refresh"></i>
                      </button>
                    </div>
                  </div>

                  <div id="weightData" class="tab-pane">
                    <div class="table_scroll">
                      <table
                        class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                        <thead>
                          <tr>
                            <!--<th style="width: 55px;"><input type="checkbox" (change)="selectFn()" /></th>-->
                            <th>车牌号</th>
                            <th>过磅称重时间</th>
                            <th>载重量</th>
                            <th>是否审核</th>
                            <th>任务编号</th>
                            <th>操作</th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr *ngFor="let row of tableDataTab7; let i = index" [attr.data-index]="i">
                            <!--<td><input type="checkbox" (change)="onCheckboxChangeFn(row.id)" /></td>-->
                            <td>{{ row.carNumber }}</td>
                            <td>{{ row.date }}</td>
                            <td>{{ row.weight }}</td>
                            <td>
                              <span *ngIf="row.review" class="green">已审核</span>
                              <span *ngIf="!row.review" class="red">未审核</span>
                            </td>
                            <td>{{ row.taskId }}</td>
                            <td>
                              <button type="button" (click)="editRow(row, editModal, $event)">编辑</button>
                              <button type="button" (click)="deleteRow(row)">删除</button>
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                    <div class="table-fix clearfix">
                      <paginator [totalRecords]="totalCount" [rows]="pageSizeTab" [currentPage]="curPageTab - 1"
                        (onPageChange)="paginate($event)"></paginator>
                      <button type="button" class="btn default refresh_btn" (click)="getTableDataTab('7')">
                        <i class="fa fa-refresh"></i>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--设备详情信息  end-->

  <!-- 图片查看   弹窗-->
  <section bsModal #repairedRecordModal="bs-modal" class="modal" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content" style="width: 530px">
        <div class="modal-header">
          <button type="button" class="close" (click)="closeRepairedRecord(repairedRecordModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">维修记录</h4>
        </div>
        <div class="modal-body" style="padding: 0">
          <div class="row form-horizontal" style="height: 500px">
            <sa-calendar [initCalendarFlag]="isOpenCalendar"></sa-calendar>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- 图片查看 弹窗end-->

  <!--折线图-->
  <div style="background: white; border-radius: 5px; margin-top: 5px; position: relative" [hidden]="!isChartView">
    <button (click)="closeChart()" class="div_closeBtn">×</button>
    <div class="widget-body no-padding" style="margin: 0">
      <div class="page-header clearfix s_table_opreation" style="margin: 0">
        <div class="left page-header-btn" style="padding: 5px">
          <div class="top_module">
            <span class="module_text" style="background: none">异常数据折线图</span>
          </div>
          <div style="display: inline-block">
            <div>
              <div class="selectDate top_module">
                <table-select-date [notInit]="true" [specifyTime]="specifyTime"
                  (outerTime)="getSelectChartTime($event)"></table-select-date>
              </div>
              <button type="button" class="btn btn-primary" (click)="drawAbnormalChart()">查看</button>
            </div>
          </div>
        </div>
      </div>
    </div>

    <sa-chart-bmap [height]="325" [offDatas]="true" [inputParams]="selectedRow" [isBaiduMap]="true"
      (outerSend)="runParent($event)" (outerIsMap)="showMapView($event)" [isAuditData]="false"
      [isShowModify]="false"></sa-chart-bmap>
    <div [hidden]="!isMapView">
      <sa-bmap-chart [trackParams]="drawTrackArr" [isShowBmap]="isMapView" deviceId="deviceId"></sa-bmap-chart>
    </div>
  </div>
  <!--折线图end-->

  <!-- tips 小提示 -->
  <div class="tips_content">
    <span class="fa fa-exclamation-circle" aria-hidden="true"
      style="display:inline-block;margin-right: 4px;font-size: 12px; color:#999"></span>tip
    <p><span class="tips_title">主机维修统计：</span>根据查询时间范围，按月汇总统计更换主机类型的维修记录和品质检测后的结果</p><br />
    <p><span class="tips_title">设备维修统计：</span>总安装量--查询对应厂区结束时间前安装的总车辆数</p>
    <p class="tips_padding">维修数--厂区在时间区段内的维修记录总条数，重复记录（同一个车，同一个故障类型，一个小时内多条记录计算一条）</p>
    <p class="tips_padding">如果筛选条件选择行业类型，则导出包含行业类型下的所有厂区，即使部分厂区没有维修，也会统计出来</p><br />
    <p><span class="tips_title">维修项统计：</span>总安装数--选择时间区间内，该厂区结束时间之前的总安装量</p>
    <p class="tips_padding">更换主机--选择时间区间内，维修内容为更换主机的维修记录数，同一辆车1小时内重复提交，只计算1条</p>
    <p class="tips_padding">更换传感器--同一个车。维修多个传感器，如果分多条记录上传，1小时内重复提交，只计算1条；其他规则也是一样</p><br />
    <p><span class="tips_title">维修次数统计：</span>统计查询时间范围内各厂区维修车辆的维修类型的次数（1个小时内重复上传相同的维修类型的，只计算1条）</p>
  </div>

  <!--统计弹窗-->
  <section bsModal #statisticsModal="bs-modal" id="statisticsModal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width: 1000px">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" aria-label="Close" (click)="cancelStatistics(statisticsModal)">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">故障分类统计</h4>
        </div>
        <div class="modal-body">
          <div class="tabbable">
            <ul class="nav nav-tabs" id="myStatisticsTab"
              style="padding-left: 12px; background-image: linear-gradient(#f1f5fd, #e9f0ff); margin-bottom: 10px">
              <li class="s-lis active">
                <a data-toggle="tab" href="#Original" (click)="getTabRequestData('Original', '1')">故障统计</a>
              </li>
              <li class="s-lis">
                <a data-toggle="tab" href="#host" (click)="getTabRequestData('host', '2')">故障现象统计</a>
              </li>
              <li class="s-lis">
                <a data-toggle="tab" href="#beam" (click)="getTabRequestData('beam', '3')">维修类型统计</a>
              </li>
              <li class="s-lis">
                <a data-toggle="tab" href="#verticalBeam" (click)="getTabRequestData('verticalBeam', '4')">
                  主机更换统计
                </a>
              </li>
              <li class="s-lis">
                <a data-toggle="tab" href="#ironPlate" (click)="getTabRequestData('ironPlate', '5')">GPS故障统计</a>
              </li>
              <li class="s-lis">
                <a data-toggle="tab" href="#sensor" (click)="getTabRequestData('sensor', '6')">GPS维修次数</a>
              </li>
              <li class="s-lis">
                <a data-toggle="tab" href="#chain" (click)="getTabRequestData('chain', '7')">传感器故障统计</a>
              </li>
              <li class="s-lis">
                <a data-toggle="tab" href="#switch" (click)="getTabRequestData('switch', '8')">传感器维修统计</a>
              </li>
              <li class="s-lis">
                <a data-toggle="tab" href="#monitor" (click)="getTabRequestData('monitor', '9')">线材维修统计</a>
              </li>
            </ul>
            <div class="tab-content" style="padding: 0; border: none; margin-bottom: 10px">
              <div style="border: 1px solid #ddd; border-radius: 4px; padding: 12px; margin-bottom: 8px" *ngIf="
                  selectedCompanyName ||
                  userName ||
                  faultTypeName ||
                  repairedStatus ||
                  searchKey ||
                  startTime ||
                  endTime
                ">
                <ul class="row">
                  <li style="font-size: 14px; font-weight: bold; margin-bottom: 4px">筛选条件</li>
                  <li class="col-sm-4 companyCar">
                    <span>公司名称：</span>
                    <sa-company-tree wrap="html" companyTreeId="statisticsModal" [Height]="32"
                      [companyNameValue]="TabDataselectedCompanyName" [companyIdValue]="TabDataselectedCompanyId"
                      (companySelected)="statisticsCompanySelected($event)"
                      style="display: inline-block"></sa-company-tree>
                  </li>
                  <li class="col-sm-3">
                    <span>开始时间：</span>
                    <input type="text" class="OriginalInput" [(ngModel)]="TabDataStartTime" id="OriginalStartTime"
                      placeholder="开始时间" autocomplete="off" />
                  </li>
                  <li class="col-sm-3">
                    <span>结束时间：</span>
                    <input type="text" class="OriginalInput" [(ngModel)]="TabDataEndTime" id="OriginalEndTime"
                      placeholder="结束时间" autocomplete="off" />
                  </li>
                  <li class="col-sm-2">
                    <button type="button" class="btn btn-primary" (click)="searchStatistics()">查询</button>
                  </li>
                </ul>
              </div>
              <div id="Original" class="tab-pane active">
                <table class="totalTable">
                  <thead>
                    <tr class="backColor bottomBorder">
                      <th class="rightBorder textCenter">名称</th>
                      <th class="rightBorder textCenter">有故障记录[车]</th>
                      <th class="rightBorder textCenter">无故障记录[车]</th>
                      <th class="textCenter">合计</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="rightBorder textCenter">数值</td>
                      <td class="rightBorder textCenter">{{ OriginalDataList.faultCount }}</td>
                      <td class="rightBorder textCenter">{{ OriginalDataList.normalCount }}</td>
                      <td class="textCenter">{{ OriginalDataList.total }}</td>
                    </tr>
                  </tbody>
                </table>
                <!-- 故障统计 -->
                <div class="note">暂无数据</div>
              </div>
              <div id="host" class="tab-pane">
                <!-- 故障现象统计 -->
                <table class="totalTable">
                  <thead>
                    <tr class="backColor bottomBorder">
                      <th class="rightBorder textCenter">故障现象</th>
                      <th class="rightBorder textCenter">维修次数</th>
                      <th class="rightBorder textCenter">维修内容</th>
                      <th class="rightBorder textCenter">维修次数</th>
                      <th class="rightBorder textCenter">维修细分</th>
                      <th class="textCenter">维修次数</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="9">离线问题</td>
                      <td class="rightBorder textCenter" rowspan="9">{{ hostDataList.offlinePromble }}</td>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ hostDataList.repairHosts }}</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder">/</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="3">电源维修</td>
                      <td class="rightBorder textCenter" rowspan="3">{{ hostDataList.repairPower }}</td>
                      <td class="rightBorder textCenter">更换保险</td>
                      <td class="rightBorder">{{ hostDataList.rewirableFuse }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换外部电源接口</td>
                      <td class="rightBorder">{{ hostDataList.lineBreaks }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">脱落</td>
                      <td class="rightBorder">{{ hostDataList.fallOff }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="4">更换线材</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ hostDataList.repairWire }}</td>
                      <td class="rightBorder textCenter">M12-M16公母头线（10米）</td>
                      <td class="rightBorder">{{ hostDataList.M12head10 }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">M12公母头线（8米）</td>
                      <td class="rightBorder">{{ hostDataList.M12head8 }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">M12单边线（8米）</td>
                      <td class="rightBorder">{{ hostDataList.unilateral8 }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">M12单边线（6米）</td>
                      <td class="rightBorder">{{ hostDataList.unilateral6 }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ hostDataList.offlineOther }}</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder">/</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="4">GPS问题</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ hostDataList.gpsPromble }}</td>
                      <td class="rightBorder textCenter">挪动位置</td>
                      <td class="rightBorder textCenter">{{ hostDataList.removeAntenna }}</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder">/</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换天线</td>
                      <td class="rightBorder textCenter">{{ hostDataList.repairAntenna }}</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder">/</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ hostDataList.gpsRepairHosts }}</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder">/</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ hostDataList.gpsOther }}</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder">/</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="5">传感器问题</td>
                      <td class="rightBorder textCenter" rowspan="5">{{ hostDataList.sensorProblem }}</td>
                      <td class="rightBorder textCenter">重新焊接</td>
                      <td class="rightBorder textCenter">{{ hostDataList.sensorWeld }}</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder">/</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换传感器</td>
                      <td class="rightBorder textCenter">{{ hostDataList.repairSensor }}</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder">/</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ hostDataList.sensorRepairHosts }}</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder">/</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换线材</td>
                      <td class="rightBorder textCenter">{{ hostDataList.sensorRepairWire }}</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder">/</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ hostDataList.sensorOther }}</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder">/</td>
                    </tr>
                  </tbody>
                </table>
                <!-- <div class="hyjbtb">
									<div class="hyjbtbHeader">
										<div class="colfirst header">
											<span><b>故障现象</b></span>
										</div>
										<div class="col header">
											<span><b>维修次数</b></span>
										</div>
										<div class="col header">
											<span><b>维修内容</b></span>
										</div>
										<div class="col header">
											<span><b>维修次数</b></span>
										</div>
										<div class="col header">
											<span><b>维修细分</b></span>
										</div>
										<div class="collast header">
											<span><b>维修次数</b></span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 271px;line-height: 271px;">
											<span>离线问题</span>
										</div>
										<div class="col" style="height: 271px;line-height: 271px;">
											<span>{{hostDataList.offlinePromble}}</span>
										</div>
										<div class="col">
											<p>更换主机</p>
											<p style="height: 90px;line-height: 90px;">电源维修</p>
											<p style="height: 120px;line-height: 120px;">更换线材</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{hostDataList.repairHosts}}</p>
											<p style="height: 90px;line-height: 90px;">{{hostDataList.repairPower}}</p>
											<p style="height: 120px;line-height: 120px;">{{hostDataList.repairWire}}</p>
											<p>{{hostDataList.offlineOther}}</p>
										</div>
										<div class="col">
											<p>/</p>
											<p>更换保险</p>
											<p>更换外部电源接口</p>
											<p>脱落</p>
											<p>M12-M16公母头线（10米）</p>
											<p>M12公母头线（8米）</p>
											<p>M12单边线（8米）</p>
											<p>M12单边线（6米）</p>
											<p>/</p>
										</div>
										<div class="collast">
											<p>/</p>
											<p>{{hostDataList.rewirableFuse}}</p>
											<p>{{hostDataList.lineBreaks}}</p>
											<p>{{hostDataList.fallOff}}</p>
											<p>{{hostDataList.M12head10}}</p>
											<p>{{hostDataList.M12head8}}</p>
											<p>{{hostDataList.unilateral8}}</p>
											<p>{{hostDataList.unilateral6}}</p>
											<p>/</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 121px;line-height: 121px;">
											<span>GPS问题</span>
										</div>
										<div class="col" style="height: 121px;line-height: 121px;">
											<span>{{hostDataList.gpsPromble}}</span>
										</div>
										<div class="col">
											<p>挪动位置</p>
											<p>更换天线</p>
											<p>更换主机</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{hostDataList.removeAntenna}}</p>
											<p>{{hostDataList.repairAntenna}}</p>
											<p>{{hostDataList.gpsRepairHosts}}</p>
											<p>{{hostDataList.gpsOther}}</p>
										</div>
										<div class="col">
											<p>/</p>
											<p>/</p>
											<p>/</p>
											<p>/</p>
										</div>
										<div class="collast">
											<p>/</p>
											<p>/</p>
											<p>/</p>
											<p>/</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 150px;line-height: 150px;">
											<span>传感器问题</span>
										</div>
										<div class="col" style="height: 150px;line-height: 150px;">
											<span>{{hostDataList.sensorProblem}}</span>
										</div>
										<div class="col">
											<p>重新焊接</p>
											<p>更换传感器</p>
											<p>更换主机</p>
											<p>更换线材</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{hostDataList.sensorWeld}}</p>
											<p>{{hostDataList.repairSensor}}</p>
											<p>{{hostDataList.sensorRepairHosts}}</p>
											<p>{{hostDataList.sensorRepairWire}}</p>
											<p>{{hostDataList.sensorOther}}</p>
										</div>
										<div class="col">
											<p>/</p>
											<p>/</p>
											<p>/</p>
											<p>/</p>
											<p>/</p>
										</div>
										<div class="collast">
											<p>/</p>
											<p>/</p>
											<p>/</p>
											<p>/</p>
											<p>/</p>
										</div>
									</div>
								</div> -->
                <div class="note">暂无数据</div>
              </div>
              <div id="beam" class="tab-pane">
                <!-- 维修类型统计 -->
                <table class="totalTable">
                  <thead>
                    <tr class="backColor bottomBorder">
                      <th class="rightBorder textCenter">维修类型</th>
                      <th class="textCenter">维修次数</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="rightBorder textCenter">更换主机次数</td>
                      <td class="textCenter">{{ beamDataList.repairHostsTotal }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换GPS次数</td>
                      <td class="textCenter">{{ beamDataList.repairAntennaTotal }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换线材次数</td>
                      <td class="textCenter">{{ beamDataList.repairWireTotal }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换传感器次数</td>
                      <td class="textCenter">{{ beamDataList.repairSensorTotal }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="textCenter">{{ beamDataList.otherTotal }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">总计</td>
                      <td class="textCenter">{{ beamDataList.total }}</td>
                    </tr>
                  </tbody>
                </table>
                <!-- <div class="hyjbtb">
									<div class="hyjbtbHeader">
										<div class="colfirst header">
											<span><b>维修类型</b></span>
										</div>
										<div class="col header">
											<span><b>维修次数</b></span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>更换主机次数</span>
										</div>
										<div class="col">
											<span>{{beamDataList.repairHostsTotal}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>更换GPS次数</span>
										</div>
										<div class="col">
											<span>{{beamDataList.repairAntennaTotal}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>更换线材次数</span>
										</div>
										<div class="col">
											<span>{{beamDataList.repairWireTotal}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>更换传感器次数</span>
										</div>
										<div class="col">
											<span>{{beamDataList.repairSensorTotal}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>其他</span>
										</div>
										<div class="col">
											<span>{{beamDataList.otherTotal}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>总计</span>
										</div>
										<div class="col">
											<span>{{beamDataList.total}}</span>
										</div>
									</div>
								</div> -->
                <div class="note">暂无数据</div>
              </div>
              <div id="verticalBeam" class="tab-pane">
                <!-- 主机更换统计 -->
                <table class="totalTable">
                  <thead>
                    <tr class="backColor bottomBorder">
                      <th class="rightBorder textCenter">故障现象</th>
                      <th class="rightBorder textCenter">维修次数</th>
                      <th class="textCenter">占比</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="rightBorder textCenter">离线问题</td>
                      <td class="rightBorder textCenter">{{ verticalBeamDataList.repairHosts }}</td>
                      <td class="textCenter">{{ verticalBeamDataList.repairHostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">GPS问题</td>
                      <td class="rightBorder textCenter">{{ verticalBeamDataList.gpsRepairHosts }}</td>
                      <td class="textCenter">{{ verticalBeamDataList.gpsRepairHostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">传感器问题</td>
                      <td class="rightBorder textCenter">{{ verticalBeamDataList.sensorRepairHosts }}</td>
                      <td class="textCenter">{{ verticalBeamDataList.sensorRepairHostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">总计</td>
                      <td class="rightBorder textCenter">{{ verticalBeamDataList.hostTotal }}</td>
                      <td class="textCenter">/</td>
                    </tr>
                  </tbody>
                </table>
                <!-- <div class="hyjbtb">
									<div class="hyjbtbHeader">
										<div class="colfirst header">
											<span><b>故障现象</b></span>
										</div>
										<div class="col header">
											<span><b>维修次数</b></span>
										</div>
										<div class="collast header">
											<span><b>占比</b></span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>离线问题</span>
										</div>
										<div class="col">
											<span>{{verticalBeamDataList.repairHosts}}</span>
										</div>
										<div class="collast">
											<span>{{verticalBeamDataList.repairHostsPCT}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>GPS问题</span>
										</div>
										<div class="col">
											<span>{{verticalBeamDataList.gpsRepairHosts}}</span>
										</div>
										<div class="collast">
											<span>{{verticalBeamDataList.gpsRepairHostsPCT}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>传感器问题</span>
										</div>
										<div class="col">
											<span>{{verticalBeamDataList.sensorRepairHosts}}</span>
										</div>
										<div class="collast">
											<span>{{verticalBeamDataList.sensorRepairHostsPCT}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>总计</span>
										</div>
										<div class="col">
											<span>{{verticalBeamDataList.hostTotal}}</span>
										</div>
										<div class="collast">/</div>
									</div>
								</div> -->
                <div class="note">暂无数据</div>
              </div>
              <div id="ironPlate" class="tab-pane">
                <!-- GPS故障统计 -->
                <table class="totalTable">
                  <thead>
                    <tr class="backColor bottomBorder">
                      <th class="rightBorder textCenter">故障现象</th>
                      <th class="rightBorder textCenter">维修次数</th>
                      <th class="rightBorder textCenter">占比</th>
                      <th class="rightBorder textCenter">维修内容</th>
                      <th class="rightBorder textCenter">维修次数</th>
                      <th class="textCenter">合计</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="4">偶尔丢失</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ ironPlateDataList.occasional }}</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ ironPlateDataList.occasionalPCT }}</td>
                      <td class="rightBorder textCenter">挪动位置</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.occasionalRemove }}</td>
                      <td class="textCenter">{{ ironPlateDataList.occasionalRemovePCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换天线</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.occasionalAntenna }}</td>
                      <td class="textCenter">{{ ironPlateDataList.occasionalAntennaPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.occasionalHosts }}</td>
                      <td class="textCenter">{{ ironPlateDataList.occasionalHostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.occasionalOther }}</td>
                      <td class="textCenter">{{ ironPlateDataList.occasionalOtherPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="4">大段丢失</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ ironPlateDataList.lost }}</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ ironPlateDataList.lostPCT }}</td>
                      <td class="rightBorder textCenter">挪动位置</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.lostRemove }}</td>
                      <td class="textCenter">{{ ironPlateDataList.lostRemovePCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换天线</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.lostAntenna }}</td>
                      <td class="textCenter">{{ ironPlateDataList.lostAntennaPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.lostHosts }}</td>
                      <td class="textCenter">{{ ironPlateDataList.lostHostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.lostOther }}</td>
                      <td class="textCenter">{{ ironPlateDataList.lostOtherPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="4">停车速度平直</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ ironPlateDataList.flat }}</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ ironPlateDataList.flatPCT }}</td>
                      <td class="rightBorder textCenter">挪动位置</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.flatRemove }}</td>
                      <td class="textCenter">{{ ironPlateDataList.flatRemovePCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换天线</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.flatAntenna }}</td>
                      <td class="textCenter">{{ ironPlateDataList.flatAntennaPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.flatHosts }}</td>
                      <td class="textCenter">{{ ironPlateDataList.flatHostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.flatOther }}</td>
                      <td class="textCenter">{{ ironPlateDataList.flatOtherPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="4">无GPS</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ ironPlateDataList.notGPS }}</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ ironPlateDataList.notGPSPCT }}</td>
                      <td class="rightBorder textCenter">挪动位置</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.notGPSRemove }}</td>
                      <td class="textCenter">{{ ironPlateDataList.notGPSRemovePCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换天线</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.notGPSAntenna }}</td>
                      <td class="textCenter">{{ ironPlateDataList.notGPSAntennaPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.notGPSHosts }}</td>
                      <td class="textCenter">{{ ironPlateDataList.notGPSHostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.notGPSOther }}</td>
                      <td class="textCenter">{{ ironPlateDataList.notGPSOtherPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">总计</td>
                      <td class="rightBorder textCenter">{{ ironPlateDataList.total }}</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="textCenter">/</td>
                    </tr>
                  </tbody>
                </table>
                <!-- <div class="hyjbtb">
									<div class="hyjbtbHeader">
										<div class="colfirst header">
											<span><b>故障现象</b></span>
										</div>
										<div class="col header">
											<span><b>维修次数</b></span>
										</div>
										<div class="col header">
											<span><b>占比</b></span>
										</div>
										<div class="col header">
											<span><b>维修内容</b></span>
										</div>
										<div class="col header">
											<span><b>维修次数</b></span>
										</div>
										<div class="collast header">
											<span><b>占比</b></span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 120px;line-height: 120px;">
											<span>偶尔丢失</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{ironPlateDataList.occasional}}</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{ironPlateDataList.occasionalPCT}}</span>
										</div>
										<div class="col">
											<p>挪动位置</p>
											<p>更换天线</p>
											<p>更换主机</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{ironPlateDataList.occasionalRemove}}</p>
											<p>{{ironPlateDataList.occasionalAntenna}}</p>
											<p>{{ironPlateDataList.occasionalHosts}}</p>
											<p>{{ironPlateDataList.occasionalOther}}</p>
										</div>
										<div class="collast">
											<p>{{ironPlateDataList.occasionalRemovePCT}}</p>
											<p>{{ironPlateDataList.occasionalAntennaPCT}}</p>
											<p>{{ironPlateDataList.occasionalHostsPCT}}</p>
											<p>{{ironPlateDataList.occasionalOtherPCT}}</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 120px;line-height: 120px;">
											<span>大段丢失</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{ironPlateDataList.lost}}</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{ironPlateDataList.lostPCT}}</span>
										</div>
										<div class="col">
											<p>挪动位置</p>
											<p>更换天线</p>
											<p>更换主机</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{ironPlateDataList.lostRemove}}</p>
											<p>{{ironPlateDataList.lostAntenna}}</p>
											<p>{{ironPlateDataList.lostHosts}}</p>
											<p>{{ironPlateDataList.lostOther}}</p>
										</div>
										<div class="collast">
											<p>{{ironPlateDataList.lostRemovePCT}}</p>
											<p>{{ironPlateDataList.lostAntennaPCT}}</p>
											<p>{{ironPlateDataList.lostHostsPCT}}</p>
											<p>{{ironPlateDataList.lostOtherPCT}}</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 120px;line-height: 120px;">
											<span>停车速度平直</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{ironPlateDataList.flat}}</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{ironPlateDataList.flatPCT}}</span>
										</div>
										<div class="col">
											<p>挪动位置</p>
											<p>更换天线</p>
											<p>更换主机</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{ironPlateDataList.flatRemove}}</p>
											<p>{{ironPlateDataList.flatAntenna}}</p>
											<p>{{ironPlateDataList.flatHosts}}</p>
											<p>{{ironPlateDataList.flatOther}}</p>
										</div>
										<div class="collast">
											<p>{{ironPlateDataList.flatRemovePCT}}</p>
											<p>{{ironPlateDataList.flatAntennaPCT}}</p>
											<p>{{ironPlateDataList.flatHostsPCT}}</p>
											<p>{{ironPlateDataList.flatOtherPCT}}</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 120px;line-height: 120px;">
											<span>无GPS</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{ironPlateDataList.notGPS}}</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{ironPlateDataList.notGPSPCT}}</span>
										</div>
										<div class="col">
											<p>挪动位置</p>
											<p>更换天线</p>
											<p>更换主机</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{ironPlateDataList.notGPSRemove}}</p>
											<p>{{ironPlateDataList.notGPSAntenna}}</p>
											<p>{{ironPlateDataList.notGPSHosts}}</p>
											<p>{{ironPlateDataList.notGPSOther}}</p>
										</div>
										<div class="collast">
											<p>{{ironPlateDataList.notGPSRemovePCT}}</p>
											<p>{{ironPlateDataList.notGPSAntennaPCT}}</p>
											<p>{{ironPlateDataList.notGPSHostsPCT}}</p>
											<p>{{ironPlateDataList.notGPSOtherPCT}}</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>总计</span>
										</div>
										<div class="col">
											<span>{{ironPlateDataList.total}}</span>
										</div>
										<div class="col">/</div>
										<div class="col">
											<p></p>
										</div>
										<div class="col">
											<p></p>
										</div>
										<div class="collast">
											<p></p>
										</div>
									</div>
								</div> -->
                <div class="note">暂无数据</div>
              </div>
              <div id="sensor" class="tab-pane">
                <!-- GPS维修次数 -->
                <table class="totalTable" *ngIf="sensorDataList.length > 0">
                  <thead>
                    <tr class="backColor bottomBorder">
                      <th class="rightBorder textCenter">GPS维修次数</th>
                      <th class="rightBorder textCenter">维修数量</th>
                      <th class="textCenter">占比</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr *ngFor="let row of sensorDataList; let i = index">
                      <td class="rightBorder textCenter">{{ row.name }}</td>
                      <td class="rightBorder textCenter">{{ row.count }}</td>
                      <td class="textCenter">
                        <span *ngIf="row.name != '总计'">{{ row.pct }}%</span>
                        <span *ngIf="row.name == '总计'">/</span>
                      </td>
                    </tr>
                  </tbody>
                </table>
                <div class="note">暂无数据</div>
              </div>
              <div id="chain" class="tab-pane">
                <!-- 传感器故障统计 -->
                <table class="totalTable">
                  <thead>
                    <tr class="backColor bottomBorder">
                      <th class="rightBorder textCenter">故障现象</th>
                      <th class="rightBorder textCenter">维修次数</th>
                      <th class="rightBorder textCenter">占比</th>
                      <th class="rightBorder textCenter">维修内容</th>
                      <th class="rightBorder textCenter">维修次数</th>
                      <th class="textCenter">合计</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="4">正负52万</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.sgn52 }}</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.sgn52PCT }}</td>
                      <td class="rightBorder textCenter">重新焊接</td>
                      <td class="rightBorder textCenter">{{ chainDataList.sgn52Weld }}</td>
                      <td class="textCenter">{{ chainDataList.sgn52WeldPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换传感器</td>
                      <td class="rightBorder textCenter">{{ chainDataList.sgn52Sensor }}</td>
                      <td class="textCenter">{{ chainDataList.sgn52SensorPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ chainDataList.sgn52Hosts }}</td>
                      <td class="textCenter">{{ chainDataList.sgn52HostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ chainDataList.sgn52Other }}</td>
                      <td class="textCenter">{{ chainDataList.sgn52OtherPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="4">偶尔52万</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.occasionally52 }}</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.occasionally52PCT }}</td>
                      <td class="rightBorder textCenter">重新焊接</td>
                      <td class="rightBorder textCenter">{{ chainDataList.occasionally52Weld }}</td>
                      <td class="textCenter">{{ chainDataList.occasionally52WeldPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换传感器</td>
                      <td class="rightBorder textCenter">{{ chainDataList.occasionally52Sensor }}</td>
                      <td class="textCenter">{{ chainDataList.occasionally52SensorPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ chainDataList.occasionally52Hosts }}</td>
                      <td class="textCenter">{{ chainDataList.occasionally52HostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ chainDataList.occasionally52Other }}</td>
                      <td class="textCenter">{{ chainDataList.occasionally52OtherPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="4">经常52万</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.often52 }}</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.often52PCT }}</td>
                      <td class="rightBorder textCenter">重新焊接</td>
                      <td class="rightBorder textCenter">{{ chainDataList.often52Weld }}</td>
                      <td class="textCenter">{{ chainDataList.often52WeldPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换传感器</td>
                      <td class="rightBorder textCenter">{{ chainDataList.often52Sensor }}</td>
                      <td class="textCenter">{{ chainDataList.often52SensorPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ chainDataList.often52Hosts }}</td>
                      <td class="textCenter">{{ chainDataList.often52HostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ chainDataList.often52Other }}</td>
                      <td class="textCenter">{{ chainDataList.often52OtherPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="4">乱跳</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.dap }}</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.dapPCT }}</td>
                      <td class="rightBorder textCenter">重新焊接</td>
                      <td class="rightBorder textCenter">{{ chainDataList.dapWeld }}</td>
                      <td class="textCenter">{{ chainDataList.dapWeldPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换传感器</td>
                      <td class="rightBorder textCenter">{{ chainDataList.dapSensor }}</td>
                      <td class="textCenter">{{ chainDataList.dapSensorPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ chainDataList.dapHosts }}</td>
                      <td class="textCenter">{{ chainDataList.dapHostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ chainDataList.dapOther }}</td>
                      <td class="textCenter">{{ chainDataList.dapOtherPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="4">形变小</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.shape }}</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.shapePCT }}</td>
                      <td class="rightBorder textCenter">重新焊接</td>
                      <td class="rightBorder textCenter">{{ chainDataList.shapeWeld }}</td>
                      <td class="textCenter">{{ chainDataList.shapeWeldPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换传感器</td>
                      <td class="rightBorder textCenter">{{ chainDataList.shapeSensor }}</td>
                      <td class="textCenter">{{ chainDataList.shapeSensorPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ chainDataList.shapeHosts }}</td>
                      <td class="textCenter">{{ chainDataList.shapeHostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ chainDataList.shapeOther }}</td>
                      <td class="textCenter">{{ chainDataList.shapeOtherPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="4">方向反</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.opposite }}</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.oppositePCT }}</td>
                      <td class="rightBorder textCenter">重新焊接</td>
                      <td class="rightBorder textCenter">{{ chainDataList.oppositeWeld }}</td>
                      <td class="textCenter">{{ chainDataList.oppositeWeldPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换传感器</td>
                      <td class="rightBorder textCenter">{{ chainDataList.oppositeSensor }}</td>
                      <td class="textCenter">{{ chainDataList.oppositeSensorPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ chainDataList.oppositeHosts }}</td>
                      <td class="textCenter">{{ chainDataList.oppositeHostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ chainDataList.oppositeOther }}</td>
                      <td class="textCenter">{{ chainDataList.oppositeOtherPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="4">平直</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.flat }}</td>
                      <td class="rightBorder textCenter" rowspan="4">{{ chainDataList.flatPCT }}</td>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ chainDataList.flatHosts }}</td>
                      <td class="textCenter">{{ chainDataList.flatHostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">重新焊接</td>
                      <td class="rightBorder textCenter">{{ chainDataList.flatWeld }}</td>
                      <td class="textCenter">{{ chainDataList.flatWeldPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换传感器</td>
                      <td class="rightBorder textCenter">{{ chainDataList.flatSensor }}</td>
                      <td class="textCenter">{{ chainDataList.flatSensorPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ chainDataList.flatOther }}</td>
                      <td class="textCenter">{{ chainDataList.flatOtherPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter" rowspan="3">全部平直</td>
                      <td class="rightBorder textCenter" rowspan="3">{{ chainDataList.allFlat }}</td>
                      <td class="rightBorder textCenter" rowspan="3">{{ chainDataList.allFlatPCT }}</td>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ chainDataList.allFlatHosts }}</td>
                      <td class="textCenter">{{ chainDataList.allFlatHostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换线材</td>
                      <td class="rightBorder textCenter">{{ chainDataList.allFlatWire }}</td>
                      <td class="textCenter">{{ chainDataList.allFlatWirePCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">其他</td>
                      <td class="rightBorder textCenter">{{ chainDataList.allFlatOther }}</td>
                      <td class="textCenter">{{ chainDataList.allFlatOtherPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">总计</td>
                      <td class="rightBorder textCenter">{{ chainDataList.total }}</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="rightBorder textCenter">/</td>
                      <td class="textCenter">/</td>
                    </tr>
                  </tbody>
                </table>
                <!-- <div class="hyjbtb">
									<div class="hyjbtbHeader">
										<div class="colfirst header">
											<span><b>故障现象</b></span>
										</div>
										<div class="col header">
											<span><b>维修次数</b></span>
										</div>
										<div class="col header">
											<span><b>占比</b></span>
										</div>
										<div class="col header">
											<span><b>维修内容</b></span>
										</div>
										<div class="col header">
											<span><b>维修次数</b></span>
										</div>
										<div class="collast header">
											<span><b>占比</b></span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 120px;line-height: 120px;">
											<span>正负52万</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.sgn52}}</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.sgn52PCT}}</span>
										</div>
										<div class="col">
											<p>重新焊接</p>
											<p>更换传感器</p>
											<p>更换主机</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{chainDataList.sgn52Weld}}</p>
											<p>{{chainDataList.sgn52Sensor}}</p>
											<p>{{chainDataList.sgn52Hosts}}</p>
											<p>{{chainDataList.sgn52Other}}</p>
										</div>
										<div class="collast">
											<p>{{chainDataList.sgn52WeldPCT}}</p>
											<p>{{chainDataList.sgn52SensorPCT}}</p>
											<p>{{chainDataList.sgn52HostsPCT}}</p>
											<p>{{chainDataList.sgn52OtherPCT}}</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 120px;line-height: 120px;">
											<span>偶尔52万</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.occasionally52}}</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.occasionally52PCT}}</span>
										</div>
										<div class="col">
											<p>重新焊接</p>
											<p>更换传感器</p>
											<p>更换主机</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{chainDataList.occasionally52Weld}}</p>
											<p>{{chainDataList.occasionally52Sensor}}</p>
											<p>{{chainDataList.occasionally52Hosts}}</p>
											<p>{{chainDataList.occasionally52Other}}</p>
										</div>
										<div class="collast">
											<p>{{chainDataList.occasionally52WeldPCT}}</p>
											<p>{{chainDataList.occasionally52SensorPCT}}</p>
											<p>{{chainDataList.occasionally52HostsPCT}}</p>
											<p>{{chainDataList.occasionally52OtherPCT}}</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 120px;line-height: 120px;">
											<span>经常52万</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.often52}}</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.often52PCT}}</span>
										</div>
										<div class="col">
											<p>重新焊接</p>
											<p>更换传感器</p>
											<p>更换主机</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{chainDataList.often52Weld}}</p>
											<p>{{chainDataList.often52Sensor}}</p>
											<p>{{chainDataList.often52Hosts}}</p>
											<p>{{chainDataList.often52Other}}</p>
										</div>
										<div class="collast">
											<p>{{chainDataList.often52WeldPCT}}</p>
											<p>{{chainDataList.often52SensorPCT}}</p>
											<p>{{chainDataList.often52HostsPCT}}</p>
											<p>{{chainDataList.often52OtherPCT}}</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 120px;line-height: 120px;">
											<span>乱跳</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.dap}}</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.dapPCT}}</span>
										</div>
										<div class="col">
											<p>重新焊接</p>
											<p>更换传感器</p>
											<p>更换主机</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{chainDataList.dapWeld}}</p>
											<p>{{chainDataList.dapSensor}}</p>
											<p>{{chainDataList.dapHosts}}</p>
											<p>{{chainDataList.dapOther}}</p>
										</div>
										<div class="collast">
											<p>{{chainDataList.dapWeldPCT}}</p>
											<p>{{chainDataList.dapSensorPCT}}</p>
											<p>{{chainDataList.dapHostsPCT}}</p>
											<p>{{chainDataList.dapOtherPCT}}</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 120px;line-height: 120px;">
											<span>形变小</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.shape}}</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.shapePCT}}</span>
										</div>
										<div class="col">
											<p>重新焊接</p>
											<p>更换传感器</p>
											<p>更换主机</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{chainDataList.shapeWeld}}</p>
											<p>{{chainDataList.shapeSensor}}</p>
											<p>{{chainDataList.shapeHosts}}</p>
											<p>{{chainDataList.shapeOther}}</p>
										</div>
										<div class="collast">
											<p>{{chainDataList.shapeWeldPCT}}</p>
											<p>{{chainDataList.shapeSensorPCT}}</p>
											<p>{{chainDataList.shapeHostsPCT}}</p>
											<p>{{chainDataList.shapeOtherPCT}}</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 120px;line-height: 120px;">
											<span>方向反</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.opposite}}</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.oppositePCT}}</span>
										</div>
										<div class="col">
											<p>重新焊接</p>
											<p>更换传感器</p>
											<p>更换主机</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{chainDataList.oppositeWeld}}</p>
											<p>{{chainDataList.oppositeSensor}}</p>
											<p>{{chainDataList.oppositeHosts}}</p>
											<p>{{chainDataList.oppositeOther}}</p>
										</div>
										<div class="collast">
											<p>{{chainDataList.oppositeWeldPCT}}</p>
											<p>{{chainDataList.oppositeSensorPCT}}</p>
											<p>{{chainDataList.oppositeHostsPCT}}</p>
											<p>{{chainDataList.oppositeOtherPCT}}</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 120px;line-height: 120px;">
											<span>平直</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.flat}}</span>
										</div>
										<div class="col" style="height: 120px;line-height: 120px;">
											<span>{{chainDataList.flatPCT}}</span>
										</div>
										<div class="col">
											<p>更换主机</p>
											<p>重新焊接</p>
											<p>更换传感器</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{chainDataList.flatHosts}}</p>
											<p>{{chainDataList.flatWeld}}</p>
											<p>{{chainDataList.flatSensor}}</p>
											<p>{{chainDataList.flatOther}}</p>
										</div>
										<div class="collast">
											<p>{{chainDataList.flatHostsPCT}}</p>
											<p>{{chainDataList.flatSensorPCT}}</p>
											<p>{{chainDataList.flatWeldPCT}}</p>
											<p>{{chainDataList.flatOtherPCT}}</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst" style="height: 90px;line-height: 90px;">
											<span>全部平直</span>
										</div>
										<div class="col" style="height: 90px;line-height: 90px;">
											<span>{{chainDataList.allFlat}}</span>
										</div>
										<div class="col" style="height: 90px;line-height: 90px;">
											<span>{{chainDataList.allFlatPCT}}</span>
										</div>
										<div class="col">
											<p>更换主机</p>
											<p>更换线材</p>
											<p>其他</p>
										</div>
										<div class="col">
											<p>{{chainDataList.allFlatHosts}}</p>
											<p>{{chainDataList.allFlatWire}}</p>
											<p>{{chainDataList.allFlatOther}}</p>
										</div>
										<div class="collast">
											<p>{{chainDataList.allFlatHostsPCT}}</p>
											<p>{{chainDataList.allFlatWirePCT}}</p>
											<p>{{chainDataList.allFlatOtherPCT}}</p>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>总计</span>
										</div>
										<div class="col">
											<span>{{chainDataList.total}}</span>
										</div>
										<div class="col">/</div>
										<div class="col">
											<p></p>
										</div>
										<div class="col">
											<p></p>
										</div>
										<div class="collast">
											<p></p>
										</div>
									</div>
								</div> -->
                <div class="note">暂无数据</div>
              </div>
              <div id="switch" class="tab-pane">
                <!-- 传感器维修统计 -->
                <table class="totalTable">
                  <thead>
                    <tr class="backColor bottomBorder">
                      <th class="rightBorder textCenter">维修内容</th>
                      <th class="rightBorder textCenter">维修次数</th>
                      <th class="textCenter">占比</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="rightBorder textCenter">更换传感器</td>
                      <td class="rightBorder textCenter">{{ switchDataList.repairSensorCount }}</td>
                      <td class="textCenter">{{ switchDataList.repairSensorPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">重新焊接</td>
                      <td class="rightBorder textCenter">{{ switchDataList.sensorWeldCount }}</td>
                      <td class="textCenter">{{ switchDataList.sensorWeldPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换主机</td>
                      <td class="rightBorder textCenter">{{ switchDataList.sensorRepairHostsCount }}</td>
                      <td class="textCenter">{{ switchDataList.sensorRepairHostsPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">更换线材</td>
                      <td class="rightBorder textCenter">{{ switchDataList.sensorRepairWireCount }}</td>
                      <td class="textCenter">{{ switchDataList.sensorRepairWirePCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">总计</td>
                      <td class="rightBorder textCenter">{{ switchDataList.total }}</td>
                      <td class="textCenter">/</td>
                    </tr>
                  </tbody>
                </table>
                <!-- <div class="hyjbtb">
									<div class="hyjbtbHeader">
										<div class="colfirst header">
											<span><b>维修内容</b></span>
										</div>
										<div class="col header">
											<span><b>维修次数</b></span>
										</div>
										<div class="collast header">
											<span><b>占比</b></span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>更换传感器</span>
										</div>
										<div class="col">
											<span>{{switchDataList.repairSensorCount}}</span>
										</div>
										<div class="collast">
											<span>{{switchDataList.repairSensorPCT}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>重新焊接</span>
										</div>
										<div class="col">
											<span>{{switchDataList.sensorWeldCount}}</span>
										</div>
										<div class="collast">
											<span>{{switchDataList.sensorWeldPCT}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>更换主机</span>
										</div>
										<div class="col">
											<span>{{switchDataList.sensorRepairHostsCount}}</span>
										</div>
										<div class="collast">
											<span>{{switchDataList.sensorRepairHostsPCT}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>更换线材</span>
										</div>
										<div class="col">
											<span>{{switchDataList.sensorRepairWireCount}}</span>
										</div>
										<div class="collast">
											<span>{{switchDataList.sensorRepairWirePCT}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>总计</span>
										</div>
										<div class="col">
											<span>{{switchDataList.total}}</span>
										</div>
										<div class="collast">/</div>
									</div>
								</div> -->
                <div class="note">暂无数据</div>
              </div>
              <div id="monitor" class="tab-pane">
                <!-- 线材维修统计 -->
                <table class="totalTable">
                  <thead>
                    <tr class="backColor bottomBorder">
                      <th class="rightBorder textCenter">故障现象</th>
                      <th class="rightBorder textCenter">更换线材次数</th>
                      <th class="textCenter">占比</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td class="rightBorder textCenter">离线问题</td>
                      <td class="rightBorder textCenter">{{ monitorDataList.offLineWireTotal }}</td>
                      <td class="textCenter">{{ monitorDataList.offLineWireTotalPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">传感器问题</td>
                      <td class="rightBorder textCenter">{{ monitorDataList.sensorWireTotal }}</td>
                      <td class="textCenter">{{ monitorDataList.sensorWireTotalPCT }}</td>
                    </tr>
                    <tr>
                      <td class="rightBorder textCenter">总计</td>
                      <td class="rightBorder textCenter">{{ monitorDataList.total }}</td>
                      <td class="textCenter">/</td>
                    </tr>
                  </tbody>
                </table>
                <!-- <div class="hyjbtb">
									<div class="hyjbtbHeader">
										<div class="colfirst header">
											<span><b>故障现象</b></span>
										</div>
										<div class="col header">
											<span><b>更换线材次数</b></span>
										</div>
										<div class="collast header">
											<span><b>占比</b></span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>离线问题</span>
										</div>
										<div class="col">
											<span>{{monitorDataList.offLineWireTotal}}</span>
										</div>
										<div class="collast">
											<span>{{monitorDataList.offLineWireTotalPCT}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>传感器问题</span>
										</div>
										<div class="col">
											<span>{{monitorDataList.sensorWireTotal}}</span>
										</div>
										<div class="collast">
											<span>{{monitorDataList.sensorWireTotalPCT}}</span>
										</div>
									</div>
									<div class="hyjbtbContent">
										<div class="colfirst">
											<span>总计</span>
										</div>
										<div class="col">
											<span>{{monitorDataList.total}}</span>
										</div>
										<div class="collast">/</div>
									</div>
								</div> -->
                <div class="note">暂无数据</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--统计 弹窗-->

  <!--    弹窗 不良记录 新增-->
  <section bsModal #recordDetailModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width: 1200px">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="recordDetailClose(recordDetailModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">{{ pageType }}不良记录</h4>
        </div>
        <div class="modal-body">
          <div class="row form-horizontal">
            <div class="form-group col-sm-12 title">
              <span class="font-tit">基础信息</span>
            </div>
            <div class="form-group col-sm-12">
              <div class="col-sm-4 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">
                  设备ID：
                  <sup>*</sup>
                </label>
                <div class="col-xs-9">
                  <input class="form-control" type="text" disabled [(ngModel)]="recordDetailFrom.deviceId"
                    name="deviceId" placeholder="设备ID" />
                </div>
              </div>
              <div class="col-sm-4 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">车牌号：</label>
                <div class="col-xs-9 s_fix_select2_width s_fix_select2">
                  <input class="form-control" type="text" disabled [(ngModel)]="recordDetailFrom.carNumber"
                    name="carNumber" placeholder="车牌号" />
                </div>
              </div>
              <div class="col-sm-4 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">
                  产品编号(外壳编码)：
                </label>
                <div class="col-xs-9">
                  <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.productNo" name="productNo"
                    placeholder="产品编号(外壳编码)" />
                </div>
              </div>
            </div>
            <div class="form-group col-sm-12">
              <div class="col-sm-4 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">公司名称：</label>
                <div class="col-xs-9">
                  <input class="form-control" type="text" disabled [(ngModel)]="recordDetailFrom.companyName"
                    name="companyName" placeholder="公司名称" />
                </div>
              </div>
              <div class="col-sm-4 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">硬件版本号：</label>
                <div class="col-xs-9">
                  <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.hwVersion" name="hwVersion"
                    placeholder="硬件版本号" />
                </div>
              </div>
              <div class="col-sm-4 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">SIM卡号：</label>
                <div class="col-xs-9">
                  <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.iccid" name="iccid"
                    placeholder="SIM卡号" />
                </div>
              </div>
            </div>
            <div class="form-group col-sm-12">
              <div class="col-sm-4 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">生产日期：</label>
                <div class="col-xs-9">
                  <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.productTime" name="productTime"
                    id="productTime" autocomplete="off" placeholder="生产日期" />
                </div>
              </div>
              <div class="col-sm-4 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">
                  寄回时间：
                  <sup>*</sup>
                </label>
                <div class="col-xs-9">
                  <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.returnTime" name="returnTime"
                    id="returnTime" autocomplete="off" placeholder="寄回时间" />
                </div>
              </div>
            </div>
            <div class="form-group col-sm-12 title">
              <span class="font-tit">治具检测</span>
              <button type="button" class="btn btn-primary" (click)="addFixtureRecord(fixtureModal)"
                style="position: absolute; right: 38px; bottom: 5px;">
                选择
              </button>
            </div>
            <div class="form-group col-sm-12">
              <div class="table_scroll">
                <table
                  class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                  <thead>
                    <tr>
                      <th>检测时间</th>
                      <th>诊断状态</th>
                      <th>检测人</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr *ngFor="let row of fixtureSublist; let i = index">
                      <td>{{ row.checkTime }}</td>
                      <td>
                        <span *ngIf="row.zhiJuResult == '正常'" class="green">正常</span>
                        <span *ngIf="row.zhiJuResult == '异常'" class="orange">异常</span>
                      </td>
                      <td>{{ row.checkMen }}</td>
                    </tr>
                  </tbody>
                </table>
                <div *ngIf="fixtureSublist.length == 0"
                  style="height: 40px; margin: 0 auto; text-align: center; line-height: 40px">
                  暂无数据
                </div>
              </div>
            </div>
            <div class="form-group col-sm-12 title">
              <span class="font-tit">维修记录</span>
            </div>
            <div class="form-group col-sm-12">
              <div class="table_scroll">
                <table
                  class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                  <thead>
                    <tr>
                      <th>车牌号码</th>
                      <th>设备ID</th>
                      <th>所属公司</th>
                      <th>维修人员</th>
                      <th>维修时间</th>
                      <th>维修故障现象</th>
                      <th>维修记录</th>
                      <th>保修到期时间</th>
                      <th>保修到期状态</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr *ngFor="let row of repairedSublist; let i = index">
                      <td>{{ row.carNumber }}</td>
                      <td>{{ row.deviceId }}</td>
                      <td>{{ row.companyName }}</td>
                      <td>{{ row.repairedUserName }}</td>
                      <td>{{ row.repairedTime }}</td>
                      <td>{{ row.faultPhenomenonList }}</td>
                      <td>{{ row.repairSubdivideList }}</td>
                      <td>{{ row.warrantyExpirationTime }}</td>
                      <td>
                        <span *ngIf="row.expire == 1" class="green">未到期</span>
                        <span *ngIf="row.expire == 2" class="red">已到期</span>
                      </td>
                    </tr>
                  </tbody>
                </table>
                <div *ngIf="repairedSublist.length == 0"
                  style="height: 40px; margin: 0 auto; text-align: center; line-height: 40px">
                  暂无数据
                </div>
              </div>
            </div>
            <div class="form-group col-sm-12 title">
              <span class="font-tit">复测诊断</span>
            </div>
            <div class="form-group col-sm-12">
              <div class="col-sm-6 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right"
                  style="padding: 7px 0 0">复测结果：<sup>*</sup></label>
                <div class="col-xs-9">
                  <select name="retestResult" id="retestResult" class="form-control"
                    [(ngModel)]="recordDetailFrom.retestResult">
                    <option value="">请选择</option>
                    <option value="正常">正常</option>
                    <option value="异常">异常</option>
                    <option value="其他">其他</option>
                  </select>
                </div>
              </div>
              <div class="col-sm-6 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">
                  复测故障现象：
                  <sup>*</sup>
                </label>
                <div class="col-xs-9" style="position: relative">
                  <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.faultPhenomenon"
                    name="faultPhenomenon" placeholder="故障现象" disabled />
                </div>
              </div>
            </div>
            <div class="form-group col-sm-12">
              <div class="col-sm-6 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">复测结果备注：</label>
                <div class="col-xs-9">
                  <textarea class="form-control" type="text" style="resize: vertical;" rows="5"
                    [(ngModel)]="recordDetailFrom.retestRemark" name="retestRemark" placeholder="复测结果备注"></textarea>
                </div>
              </div>
              <div class="col-sm-6 col-xs-12" style="margin-bottom: 20px;">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">不良原因：</label>
                <div class="col-xs-9">
                  <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.badReasons" name="badReasons"
                    placeholder="不良原因" />
                </div>
              </div>
              <div class="col-sm-6 col-xs-12" style="margin-bottom: 20px;">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">改善策略：</label>
                <div class="col-xs-9">
                  <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.improvementStrategy"
                    name="improvementStrategy" placeholder="改善策略" />
                </div>
              </div>
              <div class="col-sm-6 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">问题解决时间：</label>
                <div class="col-xs-9">
                  <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.resolutionTime"
                    id="resolutionTime" autocomplete="off" name="resolutionTime" placeholder="问题解决时间" />
                </div>
              </div>
            </div>
            <div class="form-group col-sm-12" style="margin-bottom: 0;">
              <div class="col-sm-6 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">
                  不良图片(多图上传)：
                </label>
                <div class="col-xs-9 imgFileList">
                  <div class="imgFileList-power">
                    <div class="imgFileList-multifile">
                      <div class="uploadlocation uploadlocation1">
                        <div class="content-list">
                          <div class="headImg" *ngFor="let item of imageInfoList; let i = index">
                            <div class="contentImg">
                              <img class="img" [src]="item" (click)="bigImgClick(item)" style="width: 100%" />
                            </div>
                            <i class="deleteImg" (click)="deleteImg(i)"></i>
                          </div>
                          <div class="btn div_imgall">
                            <div class="div_shuline"></div>
                            <div class="div_hengline"></div>
                            <input type="file" class="up" title=" " placeholder=" " accept="image/*" multiple
                              (change)="multifileChange($event.target.files)" />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-sm-6 col-xs-12">
                <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">问题负责人：</label>
                <div class="col-xs-9">
                  <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.principal" name="principal"
                    placeholder="问题负责人" />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" (click)="recordDetailClose(recordDetailModal)">取消</button>
          <button type="button" class="btn btn-primary" (click)="recordDetailSubmit(recordDetailModal)">确认</button>
        </div>
      </div>
    </div>
  </section>
  <!--  弹窗end-->

  <!--    弹窗选择治具日志-->
  <section bsModal #fixtureModal="bs-modal" id="fixtureModal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width: 1000px">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="fixtureModalClose(fixtureModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">选择治具日志</h4>
        </div>
        <div class="modal-body">
          <div class="row form-horizontal">
            <div class="table_scroll">
              <table
                class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                <thead>
                  <tr>
                    <th></th>
                    <th>检测时间</th>
                    <th>诊断状态</th>
                    <th>检测人</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let row of fixtureListData; let i = index" [attr.data-index]="i">
                    <td>
                      <div class="checkbox" style="margin: 0; left: 5px; text-align: center;padding-top: 0;">
                        <label class="checkbox-label">
                          <input type="checkbox" class="checkbox style-0" [(ngModel)]="row.isChecked"
                            (click)="rowFixtureSelected(row, $event, i)" />
                          <span class="checkbox-flag"></span>
                        </label>
                      </div>
                    </td>
                    <td>{{ row.checkTime }}</td>
                    <td>
                      <span *ngIf="row.zhiJuResult == '正常'" class="green">正常</span>
                      <span *ngIf="row.zhiJuResult == '异常'" class="orange">异常</span>
                    </td>
                    <td>{{ row.checkMen }}</td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div *ngIf="fixtureListData.length == 0" style="text-align: center; color: #ccc; line-height: 80px">
              暂无数据
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" (click)="notFixtureRecord(fixtureModal)">
                未关联
              </button>
              <button type="button" *ngIf="fixtureListData.length" class="btn btn-default"
                (click)="fixtureModalClose(fixtureModal)">
                取消
              </button>
              <button type="button" *ngIf="fixtureListData.length" class="btn btn-primary"
                (click)="fixtureModalSubmit(fixtureModal)">
                确认
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--  弹窗end-->

  <!-- 维修对账统计弹框 -->
  <section bsModal #recordPopupModal="bs-modal" class="modal fade addRenewal" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="closePopupModal(recordPopupModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">维修对账统计导出</h4>
        </div>
        <div class="modal-body">
          <form id="recordPopupForm" class="form-horizontal" role="form" novalidate="novalidate"
            [saBootstrapValidator]="recordPopupOptions">
            <div class="row form-horizontal">
              <div class="form-group s_fix_select2">
                <label class="control-label col-sm-2 no-padding-right">
                  所选厂区
                  <sup>*</sup>
                </label>
                <div class="col-xs-9">
                  <sa-company-tree-checkbox wrap="body" inputName="recordCompanyName" [inputApi]="inputApi"
                    [threeState]="false" [companyValue]="recordPopupForm.companyArrays"
                    companyTreeId="companyTreeRecord" [Height]="32" (companySelected)="addRecordCompanySelected($event)"
                    (click)="companySelectedClick()"></sa-company-tree-checkbox>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2 no-padding-right">
                  开始时间
                  <sup>*</sup>
                </label>
                <div class="col-sm-9">
                  <div class="clearfix">
                    <input class="form-control" name="startRecordTime" id="startRecordTime" autocomplete="off"
                      [(ngModel)]="recordPopupForm.startTime" type="text" placeholder="请选择" />
                  </div>
                </div>
              </div>
              <div class="form-group">
                <label class="control-label col-sm-2 no-padding-right">
                  结束时间
                  <sup>*</sup>
                </label>
                <div class="col-sm-9">
                  <div class="clearfix">
                    <input class="form-control" name="endRecordTime" id="endRecordTime" autocomplete="off"
                      [(ngModel)]="recordPopupForm.endTime" type="text" placeholder="请选择" />
                  </div>
                </div>
              </div>
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" (click)="closePopupModal(recordPopupModal)">取消</button>
          <button type="button" class="btn btn-primary" (click)="submitPopupModal(recordPopupModal, submitCheckModal)">
            提交
          </button>
        </div>
      </div>
    </div>
  </section>
  <!-- 维修对账统计弹框 结束 -->

  <!-- 维修统计查看 -->
  <div bsModal #submitCheckModal="bs-modal" id="submitCheckModal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true" style="overflow: auto">
    <div class="modal-dialog modal-lg" style="width: 1200px">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="cancelSubmitCheck(submitCheckModal, recordPopupModal)"
            aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">维修统计查看</h4>
        </div>
        <div class="modal-body" style="padding: 15px">
          <div class="table_scroll" style="max-height: 500px; overflow-y: auto">
            <table
              class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
              <thead>
                <tr>
                  <th>项目名称</th>
                  <th>维修车辆总数</th>
                  <th>免费维修次数</th>
                  <th>收费维修次数</th>
                  <th>维修收款金额</th>
                  <th>主机更换数量</th>
                  <th>17-4传感器数量</th>
                  <th>应变计数量</th>
                  <th>拉力传感器数量</th>
                  <th>高精度17-4数量</th>
                  <th>IL传感器[后挂 拉杆]数量</th>
                  <th>17-4-V1数量</th>
                  <th>悬臂梁传感器[链条]数量</th>
                  <th>传感器更换总数</th>
                  <th>M12-M16公母头线(10米)数量</th>
                  <th>M12公母头线(8米)数量</th>
                  <th>M12单边线(6米)数量</th>
                  <th>M12单边线(8米)数量</th>
                  <th>线材更换总数</th>
                  <th>天线更换数量</th>
                  <!-- <th>操作</th> -->
                </tr>
              </thead>
              <tbody *ngIf="submitCheckTableData.length != 0">
                <tr *ngFor="let row of submitCheckTableData; let i = index" [attr.data-index]="i">
                  <td>{{ row.companyName }}</td>
                  <td>{{ row.allRepairedCarNum }}</td>
                  <td>{{ row.freeRepairedCarNum }}</td>
                  <td>{{ row.noFreerepairedCarNum }}</td>
                  <td>{{ row.repairedPrice }}</td>
                  <td>{{ row.changeHostNum }}</td>
                  <td>{{ row.sensor174Num }}</td>
                  <td>{{ row.sensorStrainNum }}</td>
                  <td>{{ row.sensorTensileNum }}</td>
                  <td>{{ row.sensor174PulsNum }}</td>
                  <td>{{ row.sensorILNum }}</td>
                  <td>{{ row.sensor174V1Num }}</td>
                  <td>{{ row.sensorCantileverNum }}</td>
                  <td>{{ row.sensorAllNum }}</td>
                  <td>{{ row.m12m16Num10m }}</td>
                  <td>{{ row.m12ParentNum8m }}</td>
                  <td>{{ row.m12Num6m }}</td>
                  <td>{{ row.m12Num8m }}</td>
                  <td>{{ row.wireRodChangeNum }}</td>
                  <td>{{ row.antennaeNum }}</td>
                </tr>
              </tbody>
              <tbody *ngIf="submitCheckTableData.length == 0"
                style="height: 50px; margin: 0 auto; text-align: center; line-height: 50px">
                暂无查询数据
              </tbody>
            </table>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" (click)="cancelSubmitCheck(submitCheckModal, recordPopupModal)">
            取消
          </button>
          <button type="button" class="btn btn-primary" (click)="submitCheck(submitCheckModal)">导出</button>
        </div>
      </div>
    </div>
  </div>
  <!-- 维修统计查看 end-->

  <!-- 传感器到期详细问题 -->
  <div bsModal #sensorModal="bs-modal" id="sensorModal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" (click)="cancelSensorModal(sensorModal)" aria-label="Close"><span
              aria-hidden="true">&times;</span></button>
          <h4 class="modal-title">传感器保修详细</h4>
        </div>
        <div class="modal-body" style="padding: 15px 15px 30px 15px">
          <div class="table_scroll">
            <table
              class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
              <thead>
                <tr>
                  <th>传感器通道</th>
                  <th>传感器保修到期时间</th>
                  <th>保修到期状态</th>
                  <th>操作人</th>
                  <th>更新时间</th>
                </tr>
              </thead>
              <tbody>

                <tr *ngFor="let row of sensorTableData">
                  <td style="display: flex; justify-content: center">
                    <span class="channel-style bg-green">{{row.sensorNumber}}</span>
                  </td>
                  <td>{{row.warrantyExpirationTime}}</td>
                  <td>
                    <span *ngIf="row.expire == 0" class="green">未到期</span>
                    <span *ngIf="row.expire == 1" class="red">已到期</span>
                  </td>
                  <td>{{row.updateUser}}</td>
                  <td>{{row.updateDate}}</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 传感器到期详细问题 end-->

  <!-- 维修次数统计   弹窗-->
  <section bsModal #repairCountModal="bs-modal" class="modal fade" tabindex="-1" role="dialog"
    aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width: 600px">
      <div class="modal-content" id="modal-imgBox">
        <div id="modal-imgHeader-box" class="modal-header">
          <button type="button" class="close" (click)="countModalClose(repairCountModal)" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title">维修次数统计</h4>
        </div>
        <div class="modal-body">
          <div class="selection">
            <div class="selection-label">是否排除甩挂:</div>
            <div class="selection-option">
              <input type="radio" id="repair1" name="excludeHangProblem" value="0" checked
                (change)="repairChange($event.target.value)" />
              <label for="repair1">否</label>
            </div>
            <div class="selection-option">
              <input type="radio" id="repair2" name="excludeHangProblem" value="1"
                (change)="repairChange($event.target.value)" />
              <label for="repair2">是</label>
            </div>
          </div>
          <div class="text-right">
            <button type="button" class="btn btn-primary" (click)="exportRepairedTimeData(repairCountModal)">导出</button>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- 图片查看 弹窗end-->
</div>
<style type="text/css">
  .btn_ground .active {
    color: #1a6ddd;
    font-size: 16px;
    font-weight: bold;
  }

  .btn_color {
    background-color: #fff;
    margin-right: 12px;
    height: 24px;
    line-height: 24px;
    border: none;
    min-width: 46px;
    text-decoration: underline;
  }

  .btn_color:hover {
    color: #1a6ddd;
    font-size: 16px;
    font-weight: bold;
  }

  /* 弹出层 */
  .small_img_box {
    text-align: center;
    padding: 12px 0;
  }

  .picture {
    min-height: 100px;
    width: 100%;
    height: auto;
  }

  .img_desc .arrow {
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    height: 80px;
    line-height: 80px;
    padding: 0 15px;
  }

  .img_desc .arrow.notAllow {
    cursor: not-allowed;
  }

  .small_img {
    width: 80px;
    height: 80px;
    overflow: hidden;
    display: inline-block;
    border: 2px solid #ccc;
  }

  .small_img.active {
    border: 2px solid #1a6ddd;
  }

  .small_img:hover {
    border: 2px solid #1a6ddd;
  }

  .small_img .img {
    width: 100%;
    height: auto;
  }

  .radioSales {
    margin: 8px 8px 0 0;
    /* padding-top: 29px; */
    position: relative;
    top: 1px;
  }

  .no_img_default {
    width: 100px;
    height: 100px;
    background-color: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .modal-content-title {
    font-weight: bold;
    padding-right: 5px;
    border-bottom: 1px solid #ddd;
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
  }

  .modal-div-child>span {
    padding: 12px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    min-height: 44px;
  }

  .modal-div-child {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
  }

  .table-row {
    display: flex;
    align-items: center;
    width: 100%;
  }

  .table-row>div:last-child {
    border-right: none;
  }

  .table-content {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    background: #f9f9f9;
  }

  .first_row_style .width50 {
    text-align: center;
    width: 50px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    vertical-align: middle;
  }

  .first_row_style .width60 {
    text-align: center;
    width: 60px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    vertical-align: middle;
  }

  .first_row_style .width80 {
    text-align: center;
    width: 80px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    vertical-align: middle;
  }

  .first_row_style .width90 {
    text-align: center;
    width: 90px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    vertical-align: middle;
  }

  .first_row_style .width100 {
    text-align: center;
    width: 100px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    vertical-align: middle;
  }

  .first_row_style .width120 {
    text-align: center;
    width: 120px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    vertical-align: middle;
  }

  .first_row_style .width200 {
    text-align: center;
    width: 200px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    vertical-align: middle;
  }

  .first_row_style.sensor_table {
    max-height: 230px;
    overflow-y: auto;
  }

  .first_row_style.host_table {
    max-height: 150px;
    overflow-y: auto;
  }

  .selection {
    display: flex;
    align-items: baseline;
    vertical-align: -3px;
  }

  .selection-label {
    width: 130px;
  }

  .selection-option {
    width: 60px;
  }

  .selection-option input[type=radio] {
    margin-top: 0;
    vertical-align: -1px;
  }

  .selection-option label {
    margin-left: 4px;
  }
</style>